React Router не отображает компонент с помощью <Link to = "/" /> - PullRequest
Новая
       27

React Router не отображает компонент с помощью <Link to = "/" />

0 голосов
/ 10 ноября 2018

У меня есть довольно простой пример, и я уверен, что делаю что-то не так, но я не могу заставить моего пользователя вернуться на мою домашнюю страницу. Когда я обновлю страницу на /, она будет нормально отображать домашнюю страницу (которая является 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. Кто-нибудь может увидеть, что я делаю не так?

...