Comencé mi primera lección de React pero no puedo ver ningún resultado en mi host local (3000), ¿me pueden ayudar?
este es mi código JS:
import React from 'react'; import ReactDOM from 'react'; const element = React.createElement("div", { id: "title", className: "app-title" }, "this is a test text"); ReactDOM.render(element, document.getElementById("root"));Mire la consola en las herramientas de desarrollo de su navegador. Cuando ejecuto este código me dice:
TypeError no detectado: _reactDefault.default.render no es una función
Entonces, algo está mal con el objeto al que llama render . Eso nos da pistas para mirar el lugar donde se define.
import React from 'react'; import ReactDOM from 'react';
Ha importado react dos veces y lo ha asignado a diferentes variables. Eso no tiene mucho sentido.
Así que regrese y revise el tutorial desde el que está trabajando.
Debería ver que ReactDOM debe importarse de 'react-dom' y no 'react' .
import React from 'react'; import ReactDOM from 'react-dom';