javascript - 页面不刷新反应

Question

我创建了简单的应用程序，在其中设置登录和注销。我注意到当我this.props.history.push("/");确实更改了 url 但它没有更改页面的内容时，就像我在 NavBar 登录和注销按钮中所做的那样，但那个保持不变。

这是我将页面推送到主页的代码，它是注销功能。

import React from 'react';
import { Redirect } from 'react-router-dom'

const Logout = () => {
  localStorage.removeItem('jwt');
  return <Redirect to='/' />
}

export default Logout;

所以这应该改变我的导航栏而不是注销来登录，但它只是改变浏览器中的 url 而没有改变页面内容。按照我的主页代码

import React from 'react';
import Container from '@material-ui/core/Container';

const Home = () => {
  return (
    <Container fixed>
      <h1>Home page</h1>
    </Container>

      );
  }

export default Home;

我还需要做些什么来刷新内容。我的主页上什么都没有。

标签： javascriptreactjsreact-router