在 React 中创建私有路由时遇到三元运算符的问题

Question

I'm following an online course and creating a private route component that redirects users based on an isAuthenticated state, I logged the state and it returned the else part even though the state was true.

  <Route
    {...rest}
    render={props =>
      isAuthenticated === true ? (
        <Redirect to="/login2" />
      ) : (
        <Redirect to="/login3" />
      )
    }
  />

it redirects to login3 even if the state is true.

Answer 1

From where are you getting isAuthenticated ? Is it a props or are you using redux?

If it props then write props.isAuthenticated it will work