Saltar al contenido

La creación de reaccionar Router 404 pageNov, 21stIn este tutorial, vamos a aprender acerca de cómo manejar los errores 404 …

marzo 13, 2020

 

En este tutorial, vamos a aprender acerca de cómo manejar los errores 404 en reaccionan router mediante la creación de un (404) de página no encontrada.

Qué es una página 404?

Una página 404 también se llama una página no encontrada cuando un usuario visita un camino equivocado o el camino que actualmente no está disponible tenemos que mostrarles una página 404 en lugar de una página en blanco para que puedan saber que la página no está disponible.

Creación de página 404

Ahora, en sus componentes carpeta crear un nuevo archivo llamado 404.js y añadir el siguiente código.

import React from 'react';

const NotFound = () => {
return

404- Page NotFound

;
}

export default NotFound;

Ahora tenemos que importar este componente dentro de nuestro reaccionar configuración de rutas.

import React from "react";
import { BrowserRouter as Router, Switch, Route, Link }
from "react-router-dom";

import Home from './components/Home';
import About from './components/About';
import NotFound from './components/404';
const Routes = ()=> {
return (

  • Home
  • About





);
}

En el código anterior, que envuelve todas las rutas con componente, ya que nos ayuda a hacer que los componentes sólo cuando un camino partidos si una ruta no coincide con todas las rutas disponibles que presta un componente NotFound. La prueba de

Vamos ahora mediante la introducción de un maniquí-path /.