1

假设您有以下index.js代码:

const App = memo(props => {

    return (
        <Layout>
        // you can consider below code as a switch case 
        {
          {
            'NO_SESSION': <Login />,
            'NOTCONFIRMED_SESSION': <Confirm />
            'CONFIRMED_SESSION': <Home />
          }[sessionState]
        }
        </Layout>
    );
});

ReactDOM.render(<App />, document.getElementById('root'));

serviceWorker.unregister();

某些逻辑的sessionState结果取决于IndexedDB. 代码是这样的:

const getSessionState = () => {
   if(// there is no session) 
      return "NO_SESSION"
   else if(// there is not confirmed session)
      return "NOTCONFIRMED_SESSION"
   else if(// there is confirmed session)
      return "CONFIRMED_SESSION"
}

所以我的问题:

使用它是否合理react-hooks

如果是如何实施?

4

1 回答 1

1

是的,可以使用钩子,但您应该问的更合适的问题是您是否应该使用组件状态或上下文。在全局状态的情况下,上下文更有意义,因为您可能需要在下游组件中使用该状态。

您可以将该状态存储在上下文中并使用 读取登录状态useContext

于 2018-11-08T00:29:24.423 回答