Breaking News: Grepper is joining You.com. Read the official announcement!

error 404 in react router

Add Answer

mimo S answered on July 9, 2021 Popularity 10/10 Helpfulness 7/10

answer error 404 in react router

related react implement 404 page not found

related creating 404 route using react router dom

related react router 404

error 404 in react router

Comment

import React from 'react';
import { BrowserRouter,Routes,Route} from 'react-router-dom';
import Home from "./Pages/Home"
import Allposts from './Pages/Allposts'
import Createpost from './Pages/Createpost'
import Error404 from './Pages/Error404'

const App = () => {
    return(
        <>
        <BrowserRouter>
            <Routes>
                <Route path="/" element={<Home />}/>
                <Route path="/all-posts" element={<Allposts />}/>
                <Route path="/create-post" element={<Createpost />} />
                <Route path="*" element={<Error404 />} />
            </Routes>
        </BrowserRouter>
        </>
    )
}

export default App;

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: javascript react-router

Link to this answer
Share Copy Link

Contributed on Nov 21 2022

mimo S

0 Answers Avg Quality 2/10

Closely Related Answers

react implement 404 page not found

Comment

/* You can implement routing to your "Error 404 Page Not Found" page in a
React application using React Router. Use a wildcard asterisk "*" path for
the last route, along with your <PageNotFound /> element that you want
your application to render as the error page. This route will take place
whenever the user's URL input does not match with any of the paths of the
other routes above it. */
import ReactDOM from "react-dom/client";
import { BrowserRouter, Routes, Route } from "react-router-dom";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <BrowserRouter>
    <Routes>
      ...
      <Route path="*" element={<PageNotFound />} />
    </Routes>
  </BrowserRouter>
);

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: bobbyhadz.com

Tags: 404-page 404-pag

Link to this answer
Share Copy Link

Contributed on Aug 05 2022

Natthan Lee

0 Answers Avg Quality 2/10

creating 404 route using react router dom

Comment

import React from 'react';
  
const PageNotFound= () =>{
    <div>
        <h1>404 Error</h1>
        <h1>Page Not Found</h1>
    </div>
}
  
export default PageNotFound;

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: www.geeksforgeeks.org

Tags: dom javascript jav

Link to this answer
Share Copy Link

Contributed on May 12 2023

Muhammad Afaq

0 Answers Avg Quality 2/10

react router 404

Comments(1)

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-l
  RewriteRule . /index.html [L]
</IfModule>

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 09 2021

Jolly Jellyfish

0 Answers Avg Quality 2/10

error 404 in react router

Contents

More Related Answers

error 404 in react router

Closely Related Answers

react implement 404 page not found

creating 404 route using react router dom

react router 404

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.