react路由器dom PrivateRoute与redux无止境加载

Question

重新加载后，私人路由重定向到授权开始之前的 /login，因为初始redux状态对它们两者都是假的。

这些是路由器的日志：

PrivateRoute.js:16加载：false isAuthenticated:false
PrivateRoute.js:16加载：true isAuthenticated:false
PrivateRoute.js:16加载：false isAuthenticated:true

它工作正常，我只需要一种方法来区分初始状态和非认证用户。

1. 我的第一个想法是将isLoading的初始状态更改为true:
   奇怪的行为。页面根本不加载。甚至整个应用程序组件都无法安装，所以我真的不知道发生了什么。

isLoading ? 

到

isAuthenticated === null ?

（下面是路由器）

在需要私密路线之前，一切似乎都很好。当调试器位于if语句时，所有内容再次冻结。

这是我在这里找到的私人路线组件

import React from "react";
import { Route, Redirect } from "react-router-dom";
import { connect } from "react-redux";
import Spinner from "../../components/Spinner";

const PrivateRoute = ({
  component: Component,
  isLoading,
  isAuthenticated,
  ...rest
}) => (
  <Route
    {...rest}
    render={props =>
      isLoading ? (
        <Spinner />
      ) : isAuthenticated ? (
        <Component {...props} />
      ) : (
        <Redirect
          to={{ pathname: "/login", state: { from: props.location } }}
        />
      )
    }
  />
);

const mapStateToProps = state => ({
  isLoading: state.auth.isLoading,
  isAuthenticated: state.auth.isAuthenticated
});

export default connect(mapStateToProps)(PrivateRoute);

Answer 1

我花了大约5个小时才意识到我忘了在旋转器中导入一些东西。。。谢谢大家的努力