ahora estoy agregando reaccionar al sitio web de este tutorial reaccionar Tutorial . No ejecuto esta reacción con el nodo, así que solo construyo con agregar DOM Container al HTML. Sin embargo, me cuesta integrar otro archivo en una misma página. comparto mi código
esto en el archivo index.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Add React in One Minute</title> <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" > </head> <body> <div id="root"></div> <script type="text/babel" src="./App.js"></script> <script type="text/babel"> ReactDOM.render(<App />, document.getElementById("root")); </script> </body> </html>este es mi código en app.js
class App extends React.Component { render() { return( <div> <img src="<logoURL>"/> <div id="homeSite"></div> <script type="text/babel" src="./Home.js"></script> <script type="text/babel"> ReactDOM.render(<Home />, document.getElementById("homeSite")); </script> </div> ) } }y este es mi código en home.js
class Home extends React.Component { render() { return( <div > test home display text </div> ) } }tengo 2 errores de advertencia
Error de referencia no capturado: el requerimiento no está definido
otro es este
Advertencia: React.createElement: el tipo no es válido: esperaba una cadena (para componentes integrados) o una clase/función (para componentes compuestos) pero obtuvo: indefinido. Probablemente olvidó exportar su componente desde el archivo en el que está definido, o puede haber mezclado las importaciones predeterminadas y con nombre.
No estoy seguro de cómo resolver esto. por favor ayuda
En index.js no puede escribir código html, para el código html debe usar el archivo index.html que se encuentra en el directorio público. en index.js escribir como a continuación
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById('root'), );