如何将redux添加到同一文件中的两个功能组件？

npm install redux react-redux

import { createStore } from 'redux';

const initialState = {}; // 初始状态

function rootReducer(state = initialState, action) {
  // 根据不同的action类型更新状态
  switch (action.type) {
    // 添加你的reducer逻辑
    default:
      return state;
  }
}

const store = createStore(rootReducer);

import { connect } from 'react-redux';

// 第一个功能组件
function Component1(props) {
  // 使用props中的状态和操作
  return (
    // 组件的内容
  );
}

// 第二个功能组件
function Component2(props) {
  // 使用props中的状态和操作
  return (
    // 组件的内容
  );
}

// 将状态映射到组件的props
function mapStateToProps(state) {
  return {
    // 添加你需要的状态属性
  };
}

// 将操作映射到组件的props
function mapDispatchToProps(dispatch) {
  return {
    // 添加你需要的操作方法
  };
}

// 使用connect函数将组件连接到Redux store
const ConnectedComponent1 = connect(mapStateToProps, mapDispatchToProps)(Component1);
const ConnectedComponent2 = connect(mapStateToProps, mapDispatchToProps)(Component2);