Usar esto siempre actualiza el html pero no lo agrega.
function App(props) { return ( <div> hello </div> ); } const root = ReactDOM.createRoot(document.getElementById("emails-view-content")); for (let i = 0; i < 3; i++) { root.render(<App/>); }Quiero escribir hola 3 veces en lugar de una sola.
La App debe ser el componente que agrega las declaraciones "hola" al HTML.
Cómo lo hace depende completamente de usted, pero aquí hay un ejemplo simple. Utiliza un componente <Hello> independiente. App recibe un número en sus accesorios que utiliza para crear una matriz de componentes <Hello> que luego se procesan.
function App({ number }) { function buildHellos(n) { return new Array(n).fill(<Hello />); } return ( <div>{buildHellos(+number)}</div> ); } function Hello() { return <p>Hello</p>; } ReactDOM.render( <App number="3" />, document.getElementById('react') ); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.production.min.js"></script> <div id="react"></div>