Estoy tratando de hacer un h1 con JavaScript y me da este error:
TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.El código:
function append(child) { document.body.appendChild(child); }; const title = React.createElement( 'h1', null, 'Hello World', ); append(title); console.log(header);Los elementos React no son elementos DOM, por lo que no puede usarlos con appendChild .
Querrá usar el DOM directamente o usar React, pero generalmente no ambos (o al menos, generalmente en un proyecto React, la cantidad de manipulación directa del DOM que hace es bastante mínima).
Aquí está ese código usando el DOM (sin React):
function append(child) { document.body.appendChild(child); } const title = document.createElement("h1"); title.textContent = "Hello world"; append(title); console.log(title); // Changed `header` to `title`, you have no `header` element in the code Al hacer lo mismo con React, normalmente no tendría una función de append como la suya. Tendría una sola llamada a ReactDOM.render en todo el proyecto (generalmente) que montó su componente React de nivel superior en un elemento DOM; React renderizaría todo lo demás como parte del manejo de la lógica del componente.