Контекст в React Natve - PullRequest
Новая
       8

Контекст в React Natve

0 голосов
/ 27 апреля 2020

Итак, я начал учиться реагировать на родной язык и столкнулся с проблемой центрального хранилища данных. В прошлом я использовал контексты. Реагирует ли родной на это? Я не выучил Redux, но в случае с ним это не проблема. Я пытался сделать это в классе c реагировать способом 

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>
    );
} ;

, и это не сработало (может быть, моя плохая реализация). Я также провел некоторые исследования, но не смог найти никакой полезной информации.

1 Ответ

1 голос
/ 27 апреля 2020

Вы определили контекст как LoginTokenContext и использовали его как LoginContext.Provider. Здесь есть опечатка.

Изменить на: 

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