更新对象数组react redux状态中的单个对象键值

// reducer.js
const initialState = {
  objects: [
    { id: 1, name: 'Object 1' },
    { id: 2, name: 'Object 2' },
    { id: 3, name: 'Object 3' }
  ]
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_OBJECT':
      return {
        ...state,
        objects: state.objects.map((obj, index) => {
          if (index === action.payload.index) {
            return {
              ...obj,
              name: action.payload.newValue
            };
          }
          return obj;
        })
      };
    default:
      return state;
  }
};

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

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

const Component = ({ objects, updateObject }) => {
  const handleUpdate = (index, newValue) => {
    updateObject(index, newValue);
  };

  return (
    <div>
      {objects.map((obj, index) => (
        <div key={obj.id}>
          <span>{obj.name}</span>
          <input
            type="text"
            value={obj.name}
            onChange={(e) => handleUpdate(index, e.target.value)}
          />
        </div>
      ))}
    </div>
  );
};

const mapStateToProps = (state) => ({
  objects: state.objects
});

const mapDispatchToProps = {
  updateObject
};

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