Si elimino el DOM del enrutador de reacción, puedo ver la salida del componente del encabezado. Pero si agrego el enrutador, no puedo ver nada, la página está en blanco, incluso no hay errores ni advertencias. Lo intenté de todas las formas posibles, pero no funcionó. ¿Cómo resolver esto?
Mis partes de código:
import React from 'react'; import {BrowserRouter as Router, Routes, Route} from "react-router-dom"; <Header /> {/* <section className='mt-24 p-8 w-full'> */} <Router> <Routes> <Route path="/" element={<MainContainer />} /> <Route path="/createItem" element={<CreateItems/> } /> </Routes> </Router> {/* </section> */} </main>Si está utilizando React Router v6, esta configuración debería funcionar, intente verificar si sus componentes MainContainer y CreateItems son válidos y asegúrese de que también estén importados
Intente envolver todos sus componentes <Route /> dentro de un <Switch></Switch> en lugar de <Routes></Routes> . Eso debería resolver el problema.
Además, creo que está utilizando una versión anterior del enrutador de reacción, por lo que también puede intentar actualizar a v6 y tampoco necesitará envolver sus rutas en un componente <Switch></Switch> . https://reactrouter.com/docs/en/v6/upgrading/v5