如何从 React 中的函数重定向到新页面？

Question

现在我在反应中有这个功能，我正在使用它返回登录并检查重置我正在使用该功能的 localStorage 值，而不是因为使用它我无法重置本地存储值。功能如下：-

 logout(){
    localStorage.clear();
    console.log("cliasdk");
    return(
        <Redirect to="/login"/>
    )
  }

这会在单击 div 时执行，但我无法进入 /login 页面。怎么做？

原文由 hearty 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您使用 react-router-dom 包，您可以使用路由器包装您的组件，然后您能够以编程方式重定向用户，就像这样 this.props.history.push('/login') 。

例如：

 import {withRouter} from 'react-router-dom';

class Component extends React.component {

    constructor(props){

    }

    componentDidMount(){
        this.props.history.push('/login');
    }

}

export default withRouter(Component);

请参阅： https ://www.npmjs.com/package/react-router-dom。

原文由 Adam 发布，翻译遵循 CC BY-SA 4.0 许可协议