Tengo un proyecto de reacción js en el que estoy trabajando y cada vez que coloco este código (que es necesario para mi sitio web):
<Route path='/contractor/:id' component={ContactorInfoScreen}/> <Route path='/' exact={true} component={HomeScreen}/>todo el texto, imágenes, etc. todo desaparece de mi página. Me aseguré de haber importado todos los elementos necesarios de las rutas de archivo correctas. Estas son las cosas que he importado:
import logo from './logo.svg'; import data from './data'; import { BrowserRouter, Route } from 'react-router-dom'; import './App.css'; import HomeScreen from './screens/HomeScreen'; import ContractorInfoScreen from './screens/ContractorInfoScreen';¿Existe posiblemente otro elemento que deba importar que aún no haya hecho?
Encontré la respuesta a mi pregunta. Necesitaba ejecutar esto en la terminal:
npm install react-router-dom@5.3.0Ya tenía instalado react-router-dom, pero no la revisión más reciente.
Gracias por toda la ayuda que alguien ha dado. Realmente lo aprecio
Parece que hay un error tipográfico en el nombre del componente ContractorInfoScreen en su HTML...
Este
<Route path='/contractor/:id' component={ContactorInfoScreen}/>debiera ser
<Route path='/contractor/:id' component={ContractorInfoScreen}/>Hay un error tipográfico en el component={ContractorInfoScreen}