如何将userToken从登录传递到应用程序组件react native

import React from 'react';

const AuthContext = React.createContext();

class AuthProvider extends React.Component {
  state = {
    userToken: null,
  };

  login = (token) => {
    this.setState({ userToken: token });
  };

  logout = () => {
    this.setState({ userToken: null });
  };

  render() {
    return (
      <AuthContext.Provider value={{ ...this.state, login: this.login, logout: this.logout }}>
        {this.props.children}
      </AuthContext.Provider>
    );
  }
}

import React from 'react';
import { AuthProvider } from './path/to/AuthContext';
import MainApp from './MainApp';

export default function App() {
  return (
    <AuthProvider>
      <MainApp />
    </AuthProvider>
  );
}

import React, { useContext } from 'react';
import { AuthContext } from './path/to/AuthContext';

const SomeComponent = () => {
  const { userToken } = useContext(AuthContext);

  return (
    <div>
      {userToken ? `Logged in with token: ${userToken}` : 'Not logged in'}
    </div>
  );
};

npm install redux react-redux

import { createStore } from 'redux';

const initialState = {
  userToken: null,
};

function authReducer(state = initialState, action) {
  switch (action.type) {
    case 'LOGIN':
      return { ...state, userToken: action.payload };
    case 'LOGOUT':
      return { ...state, userToken: null };
    default:
      return state;
  }
}

const store = createStore(authReducer);

import React from 'react';
import { Provider } from 'react-redux';
import store from './path/to/store';
import MainApp from './MainApp';

export default function App() {
  return (
    <Provider store={store}>
      <MainApp />
    </Provider>
  );
}

import React from 'react';
import { useSelector, useDispatch } from 'react-redux';

const SomeComponent = () => {
  const userToken = useSelector(state => state.userToken);
  const dispatch = useDispatch();

  return (
    <div>
      {userToken ? `Logged in with token: ${userToken}` : 'Not logged in'}
    </div>
  );
};