如何使用redux为处于某个状态的数组提供唯一ID

// 定义初始状态
const initialState = {
  data: [],
};

// 创建action类型
const ADD_DATA = 'ADD_DATA';

// 创建reducer函数
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case ADD_DATA:
      // 生成唯一ID
      const newId = Math.random().toString(36).substr(2, 9);
      // 创建新的数据对象
      const newData = {
        id: newId,
        ...action.payload,
      };
      // 更新状态
      return {
        ...state,
        data: [...state.data, newData],
      };
    default:
      return state;
  }
};

// 使用combineReducers组合reducer
const rootReducer = combineReducers({
  data: reducer,
  // 其他reducer...
});

// 创建action函数
const addData = (payload) => ({
  type: ADD_DATA,
  payload,
});

// 连接redux和组件
const mapStateToProps = (state) => ({
  data: state.data.data,
});

const mapDispatchToProps = (dispatch) => ({
  addData: (payload) => dispatch(addData(payload)),
});

// 在组件中使用
class MyComponent extends React.Component {
  // ...
  handleAddData = () => {
    const newData = {
      // 数据对象的属性
    };
    this.props.addData(newData);
  }
  // ...
}

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);