Question

我有一个非常简单的示例，我确定自己做错了什么，但是我无法使用户导航回到我的主页。当我刷新/上的页面时，它将使主页变好（这是PostCollection），但是从其他组件导航回/的链接不起作用。它只是更新url栏中的url，而不加载其他组件。

示例代码，为简洁起见被截断：

const App:React.SFC = () => {
    return (
        <Provider store={store}>
            <Router basename={ROUTE_ROOT}>
                <>
                    <Header/>
                    <MainContainer>
                        <Switch>
                            <Route path='/' exact component={PostCollection}/>
                            <Route path='/page/:page' exact component={PostCollection}/>
                            <Route path='/:year/:month/:day/:post' exact component={Post}/>
                        </Switch>
                    </MainContainer>
                    <Footer/>
                </>
            </Router>
        </Provider>
    );
};

export default App;

然后在我的Header组件中，如我的主应用程序所示：

const Header:React.SFC = () => {
    return (
        <header className="flex">
            <Link to='/'>
                Go Home
            </Link>
        </header>
    );
};

export default memo( Header );

这里的简单操作仅将URL更新为我的根目录，而不会使用我的PostCollection组件重新呈现。有人可以看到我在做什么错吗？

React Router不会使用<link to =“ /” />

0 个答案: