如何在react redux中混合全局和局部状态

// 全局状态的reducer
const globalReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_GLOBAL_DATA':
      return { ...state, globalData: action.payload };
    default:
      return state;
  }
};

// 创建全局store
const store = createStore(globalReducer);

// 局部状态的组件
const LocalComponent = () => {
  const [localData, setLocalData] = useState('');

  const handleLocalDataChange = (e) => {
    setLocalData(e.target.value);
  };

  return (
    <div>
      <input type="text" value={localData} onChange={handleLocalDataChange} />
      <p>局部状态：{localData}</p>
    </div>
  );
};

// 连接全局状态和局部状态的组件
const ConnectedComponent = connect(
  (state) => ({
    globalData: state.globalData,
  }),
  (dispatch) => ({
    updateGlobalData: (data) => dispatch({ type: 'UPDATE_GLOBAL_DATA', payload: data }),
  })
)(LocalComponent);

// 应用程序的根组件
const App = () => {
  return (
    <Provider store={store}>
      <ConnectedComponent />
    </Provider>
  );
};