0
549
ViewsHerramientas de desarrollo de Chrome, el componente React no muestra la estructura del componente
Soy nuevo en React e hice una aplicación React simple.
class App extends React.Component { state = { counter: 0 } render() { return ( <div> <h1>Hello!</h1> </div> ); } } ReactDOM.render(<App />, document.getElementById('root')) La salida en el navegador parece estar bien. (React Element se ha renderizado y es visible en el navegador): se han creado elementos DOM, pero en las herramientas de desarrollador en la aplicación Bookmark Components se muestra con un triángulo rojo y no puede ver una estructura del componente creado, flotando en el triángulo que muestra el mensaje: "Este componente no se está ejecutando en modo estricto..." 
Debería ser algo así (captura de pantalla de mi tutor)
Agregué el modo estricto al componente en el código de Visual Studio ide (sin resultado):
<React.StrictMode> <div> <h1>Hello!</h1> </div> </React.StrictMode>2 answers
Answer question0
Hola, uso la extensión de herramientas de desarrollador de reacción
0
Debe envolverlo alrededor de su componente que causa el problema, no solo alrededor de un div. ¿Allí llamas a tu componente de aplicación, probablemente desde index.js?
<React.StrictMode> <App /> </React.StrictMode>Y elimine todos sus filtros de la configuración para mostrar la estructura:
