如何在React.js中更改来自外部路由器组件的路由

Question

我在React.js

中创建了一条路线

<BrowserRouter>
    <div>
        <Header isLogged={this.state.isLoggedIn} userdata={this.props.userdata}/>
        <div className='container'>
          <Switch>
            <Route path="/" exact render={(props) => (<LoginPage handleLogIn={this.handleLogIn} alterLoginStatus={this.alterLoginStatus} {...props}/>)} />
            <Route path="/dashboard" exact component={DashboardPage}/>
              <Route path="/contact"  component={Contact}/>
              <Route component={PageNotFound} />
          </Switch>
        </div>
    </div>
</BrowserRouter>

在我的页眉组件中，我在导航栏中有一个按钮，点击后我想清除一些本地存储并导航到 / login 。

this.props.history.push('/login') is not working as I dont have access to router props inside Header component.

请帮帮我。