在每个组件呈现如何检查用户是否在ReactJs中登录？

Question

我是React的新手，在每个组件渲染上我想检查用户是否登录？这样我就可以根据这个改变我的标题和组件。

Answer 1

您可以将其作为道具传递给您的组件。假设您正在使用redux，您可以在用户登录时更改全局状态。 在你的减速机中：

case LOGIN_SUCCESS:
return Object.assign({}, state, {
    isLoggedIn: true
});

现在，您可以使用react-redux将登录状态（isLoggedIn）从容器传递到组件：

const mapStateToProps = (state) => ({
  loggedIn: state.yourReducer.isLoggedIn
});
const HeaderContainer = connect(mapStateToProps)(Header);

在你的Header组件中，将有一个只能在你的渲染功能中使用的loggedIn prop。