import React from "react"; import "./App.css"; function SecretComponent() { return <p>Secret2 information for authorised users only </p>; } function RegularComponent() { return <p>Everyone1 can see this component</p>; } function App(props) { if (props.authorized) { return <SecretComponent />; } else { return <RegularComponent />; } } import ReactDOM from "react-dom"; import "./index.css"; import App from "./App"; ReactDOM.render(<App authorized={false} />, document.getElementById("root"));En mi proyecto de reacción en Visual Studio Code, cuando realizo un cambio, la página del navegador se actualiza solo si se realiza un cambio en el archivo App.js, pero no se actualiza cuando se realiza un cambio en el archivo index.js. Tengo que actualizar la página manualmente para mostrar el cambio.
Prueba esto:
npm instala react-hot-loader
En app.js , agregue import { hot } from 'react-hot-loader/root' .
Envuelva el componente de la App mientras exporta export default hot(App) de esta manera.