Я новичок в реаги-редуксе.Здесь я использую следующую вещь для показа 404 не найденных, если данный маршрут не совпадает.
сейчас, в этом
Мой App.js
class App extends React.Component {
render() {
return (
<Provider store={store}>
<div className="container-fluid">
<Header />
<Main />
</div>
</Provider>
)
}
}
Мой Main.js
render() {
return (
<div>
<Router history={history}>
<div>
{this.props.isFetching && <Loading />}
<Switch>
<PrivateRoute exact path="/" component={LandingScreen} />
<PrivateRoute exact path="/quiz-setup" component={QuizSetupMain} />
<PrivateRoute exact path="/quiz-questions" component={FetchedQuestionComponent} />
<Route exact path="/login" component={LoginComponent} />
<Route exact path="/*" component={NotFound} something="foo" />
</Switch>
</div>
</Router>
</div>
)
}
}
NotFound.js
импорт React из 'реакции';
export default class NotFound extends React.Component {
render() {
return (
<h1>Something Went Wrong</h1>
);
}
}
Теперь, когда пользователь нажимает на любой маршрут, которого нет, он показывает, что 404 не найден, но он также показывает часть заголовка.Я знаю, что это потому, что я отобразил и заголовок, и основной в файле app.js, и не найден, в основном, но есть ли способ не показать этот заголовок, если маршрут не совпадает.спасибо