如何更新redux中store中数组列表中的对象值

// actions.js
export const updateObject = (index, newValue) => {
  return {
    type: 'UPDATE_OBJECT',
    payload: {
      index,
      newValue
    }
  };
};

// reducer.js
const initialState = {
  objects: [] // 数组列表
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_OBJECT':
      const { index, newValue } = action.payload;
      const updatedObjects = [...state.objects]; // 创建一个新的数组副本
      updatedObjects[index] = newValue; // 替换指定索引的对象值
      return {
        ...state,
        objects: updatedObjects
      };
    default:
      return state;
  }
};

export default reducer;

// YourComponent.js
import React from 'react';
import { connect } from 'react-redux';
import { updateObject } from './actions';

const YourComponent = ({ objects, updateObject }) => {
  const handleUpdate = (index, newValue) => {
    updateObject(index, newValue); // 调用action来更新对象
  };

  return (
    <div>
      {objects.map((object, index) => (
        <div key={index}>
          <span>{object}</span>
          <button onClick={() => handleUpdate(index, 'new value')}>Update</button>
        </div>
      ))}
    </div>
  );
};

const mapStateToProps = state => {
  return {
    objects: state.objects
  };
};

const mapDispatchToProps = {
  updateObject
};

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