React Native 中的上下文

Question

所以我开始学习 React Native，我面临着中央数据存储的挑战。过去在反应中我使用了上下文。 React Native 支持吗？我还没有学过 Redux，但万一这对我来说不是问题。我试过以经典的反应方式做到这一点

import React, {useState, createContext} from 'react';

export const LoginTokenContext = createContext();

export const LoginProvider = props => {
    const [loginToken, setLoginToken] = useState( localStorage.getItem('loginToken') );
    const [loginName, setLoginName] = useState( localStorage.getItem('loginName') );

    return(
        <LoginContext.Provider value={ {loginToken, setLoginToken, loginName, setLoginName} }>
            {props.children}
        </LoginContext.Provider>
    );
} ;

它没有用（可能是我实施不当）。我也做了一些研究，但找不到任何有用的信息。

Answer 1

您已将上下文定义为 LoginTokenContext，并且您使用的是 LoginContext.Provider。这里有错别字。

更改为：

<LoginTokenContext.Provider value={ {loginToken, setLoginToken, loginName, setLoginName} }>
    {props.children}
</LoginTokenContext.Provider>

React Native 中的上下文

Context in React Natve

reactjs

native