Obtengo una página en blanco con mi render. Revisé las otras preguntas similares para encontrar la solución, pero aún obtengo esta página en blanco. ¡Gracias por su ayuda!
Este es mi código:
Aplicación.js
import logo from './logo.svg'; import './App.css'; import React, { Component } from 'react' import Events from './components/Events/Events'; import { BrowserRouter, Route, Routes } from 'react-router-dom'; function App() { return ( <div className="wrapper"> <h1>Marine Mammals</h1> <BrowserRouter> <Routes> <Route path='/Events' element={<Events/>}> <Events/> </Route> </Routes> </BrowserRouter> </div> ); } export default App;Eventos.js
import React from 'react'; export default function Events(){ return<h2>Events</h2>; }Creo que debes mirar tu versión react-router-dom.
En V5, usa etiquetas entre el componente que debería aparecer en la ruta (anidada). En la versión 6 puede usar el elemento dentro de la etiqueta.
https://reactrouter.com/docs/en/v6/upgrading/v5#relative-routes-and-links