目前正在使用 ReactJS 構建一個小型 Web 應用程序。我有以下父函數：    const Main = () => {        return (            <div className="dialog-base">                <BrowserRouter>                    <Switch>                        <Route exact path="/login" component={Login}></Route>                        <Route exact path="/login/forgot_password" component={ForgotPwd}></Route>                        <Route exact path="/login/reset_password/:key" component={ResetPwd}></Route>                        <Route exact path="/portal" component={Portal}></Route>                    </Switch>                </BrowserRouter>            </div>        );     }以下是“Portal”組件：class Portal extends React.Component {    render = () => {        return (            <BrowserRouter basename="/main">                 <div className="navmenu">                     <NavLink to="messaging" activeClassName="selected">Messaging</NavLink>                     <NavLink to="files" activeClassName="selected"></NavLink>                     <NavLink to="payledger" activeClassName="selected"></NavLink>                 </div>                 <div className="apparea">                     <Switch>                         <Route path="/messaging" component={Messaging}></Route>                         <Route path="/files" component={Files}></Route>                         <Route path="/payledger" component={PayLedger}></Route>                     </Switch>                 </div>            </BrowserRouter>        );    }}當加載門戶組件并刷新網頁時，頁面變為空白。我假設這與嵌套路由有關？任何有關如何修復它的幫助將不勝感激。