Estoy creando un archivo React.js con dos botones a través de bootstrap. El código de renderizado es:
import './App.css'; import Nav from './components/Nav'; import Home from './components/Home'; import Tweet from './components/Tweet'; import {BrowserRouter as Router, Routes, Route} from 'react-router-dom'; function App() { return ( <Router> <div className="App"> <header className="App-header"> <Nav /> <Routes> <Route path='/' exact component={Home} /> <Route path='/tweets' exact component={Tweet} /> </Routes> </header> </div> </Router> ); } export default App;pero me sale un error, que
La ruta de hoja coincidente en la ubicación "/tweets" no tiene ningún elemento. Esto significa que generará un valor nulo de forma predeterminada, lo que dará como resultado una página "vacía".
¿Alguien puede ayudarme?
el componente de ruta necesita 2 propiedades requeridas, ruta y elemento (no componente). establece una propiedad de componente y eso no está definido. simplemente establece su componente en la propiedad del elemento:
<Route path='/' exact element={Home} /> <Route path='/tweets' exact element={Tweet} />