在每個組件呈現之前，如何檢查用戶是否已在ReactJs中登錄？

Question

我是React的新手，在每個組件渲染上我都想檢查用戶是否已登錄？ 這樣我就可以根據其更改標題和組件。

Answer 1

您可以將它作為道具傳遞給組件。 假設您使用的是redux，則可以在用戶登錄時更改全局狀態。在reducer中：

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組件中，將有一個登錄的道具，您可以在渲染函數中使用它。