Reactjs 运行函数并重定向

我希望能够在浏览器的地址栏中键入

/logout

，并在提交时重置本地存储并将用户重定向到

/login

我在想象这样的事情：

<Switch>
  <Route path="/logout">
    {clearAuthInLocalstorage()}
    <Redirect to="/login" />
  </Route>
</Switch>

{clearAuthInLocalstorage（）}

---

如何在

交换机

容器中使用

react router

正确声明这一点？

您可以创建一个

注销

组件，在

组件安装

生命周期挂钩中，您可以完成所有处理

类注销扩展组件{
状态={loading:true}；
componentDidMount=（）=>{
//清除本地存储
this.props.history.push（'/login'）；
};
返回(
);
}