Soy nuevo en Reaccionar. Tengo los siguientes componentes en el área index.js React DOM
ReactDOM.render( <React.StrictMode> <NavigationBar /> <App /> <Login /> </React.StrictMode>, document.getElementById('root') );La barra de navegación se creó usando Bootstrap y cuando hago clic en el botón de búsqueda, quería que el componente fuera eliminado y reemplazado por el componente.
¿Cómo lo hago?
necesita usar useState: cuando hizo clic en el botón, necesita cambiar el estado con onChange
const [check, setCheck] = useState(false); ReactDOM.render( <React.StrictMode> <NavigationBar /> {check ? <App /> : anotherCoponent you want} <Login /> </React.StrictMode>, document.getElementById('root') );