根据localstorage项的值反映重定向到另一个域

Question

我的登录应用程序（反应）和实际（反应）应用程序位于同一个域中。用户登录成功后，我的登录应用程序设置localStorage。在我的实际应用中，我必须检查该值。如果它不存在我必须重定向到onload登录应用程序。这样做的最佳做法是什么

Answer 1

您可以在componentDidMount生命周期方法中查看，如下所示。

class LoggedInComponent extends Component {
  componentDidMount() {
    if (!localStorage.get('loggedIn')) {
      window.location = "/login";
      // You mentioned login app and actual app is deferent.
      // So you should use window.location
      // Otherwise you can use react-router's router.push('/login') function.
    }
  }
}

仅使用componentDidMount。因为react v17将弃用componentWillMount函数。