Как сделать так чтоб если у человека в адресной строке указан неверный путь, то сайт автоматически перебрасывал его на стартовую страницу на ReactJS
Как сделать так чтоб если у человека в адресной строке указан неверный путь, то сайт автоматически перебрасывал его на стартовую страницу на ReactJS
Ответы (1 шт):
Автор решения: Konstantin Modin
→ Ссылка
Можно сделать например так: Добавляем Switch то есть только один Route будет выбран. Если не один не подходит то срабатывает Redirect. В данном случае имеем только 2 достуаных пути: корень / и /validpath
import React from "react";
import { BrowserRouter, Redirect, Route, Switch, Link } from "react-router-dom";
const App = () => {
return (
<BrowserRouter>
<div>
<Link to="/validpath">Go to valid path</Link>
</div>
<Switch>
<Route exact path="/" render={() => "Root"} />
<Route path="/validpath" render={() => "Valid Path"} />
<Redirect to="/" />
</Switch>
</BrowserRouter>
);
};
export default App;