在没有Redux的React Native中添加到全局状态

// App.js

import React, { useState } from 'react';

// 创建一个Context对象
const GlobalStateContext = React.createContext();

const App = () => {
  // 定义全局状态
  const [globalState, setGlobalState] = useState({});

  return (
    // 使用Provider将全局状态提供给子组件
    <GlobalStateContext.Provider value={{ globalState, setGlobalState }}>
      {/* 渲染其他组件 */}
    </GlobalStateContext.Provider>
  );
};

export { App, GlobalStateContext };

// MyComponent.js

import React, { useContext } from 'react';
import { GlobalStateContext } from './App';

const MyComponent = () => {
  // 使用Context对象的Consumer组件来获取全局状态
  const { globalState, setGlobalState } = useContext(GlobalStateContext);

  // 在组件中使用全局状态
  const handleClick = () => {
    setGlobalState({ ...globalState, newValue: 'Hello World' });
  };

  return (
    <div>
      <p>全局状态: {globalState.newValue}</p>
      <button onClick={handleClick}>更新全局状态</button>
    </div>
  );
};

export default MyComponent;