Arreglar la ruta Leaf correspondiente a la ubicación no tiene ningún elemento en el enrutador React

En este tutorial, aprenderemos cómo corregir la ruta hoja correspondiente a la ubicación "/" que no tiene ningún elemento en el enrutador React.

Cuando intentamos crear una ruta en React Router v6 usando la siguiente sintaxis.

<Route path="/posts"  component={Posts}/>

Veremos el siguiente error en nuestra consola:

Matched leaf route at location "https://reactgo.com/" does not have an element.
This means it will render an <Outlet />
with a null value by default resulting in an "empty" page.

Este error ocurre debido al uso de component prop en el componente de ruta, que no está disponible en el enrutador de reacción v6. Para corregir este error, necesitamos usar el element prop en lugar de un componente prop.

Aquí un ejemplo:

<Route path="/posts"  element={<Posts/>}/>

Si quieres conocer otros artículos parecidos a Arreglar la ruta Leaf correspondiente a la ubicación no tiene ningún elemento en el enrutador React puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas