我一直在互聯網上搜索解決方案,但可惜我來這里尋求幫助。問題是 URL 發生了變化,但是相應的組件沒有Route呈現,而是NotFoundPage呈現了。這是App.js Router代碼:<Router history={history}> <Switch> <PrivateRoute exact path="/" component={HomePage} /> <Route path="/login" component={LoginPage} /> <Route path="/register" component={RegisterPage} /> <Route component={NotFoundPage}/> </Switch></Router>這是PrivateRoute代碼:import React from 'react';import { Route, Redirect } from 'react-router-dom';export const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => ( localStorage.getItem('user') ? <Component {...props} /> : <Redirect to={{ pathname: '/login', state: { from: props.location } }} /> )} />)我面臨的問題是,當我轉到/is NotFoundPagerendered 而不是LoginPage URL正確重定向并更改為/login. 但是當我刷新時,它LoginPage被渲染了。同樣,當我單擊/register從LoginPageURL 更改但RegisterPage不呈現它的鏈接時,它是相同的NotFoundPage。
React Router 總是渲染 NotFound 默認組件
aluckdog
2023-06-15 09:44:43