如何在react redux reducer状态下更改数组中的对象值？

const initialState = {
  data: [
    { id: 1, name: 'Object 1', value: 'Value 1' },
    { id: 2, name: 'Object 2', value: 'Value 2' },
    { id: 3, name: 'Object 3', value: 'Value 3' }
  ]
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'UPDATE_OBJECT_VALUE':
      return {
        ...state,
        data: state.data.map(obj => {
          if (obj.id === action.payload.id) {
            return {
              ...obj,
              value: action.payload.newValue
            };
          }
          return obj;
        })
      };
    default:
      return state;
  }
};

const updateObjectValue = (id, newValue) => {
  return {
    type: 'UPDATE_OBJECT_VALUE',
    payload: {
      id,
      newValue
    }
  };
};

import React from 'react';
import { connect } from 'react-redux';
import { updateObjectValue } from './actions';

const MyComponent = ({ data, updateObjectValue }) => {
  const handleUpdate = (id, newValue) => {
    updateObjectValue(id, newValue);
  };

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

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

export default connect(mapStateToProps, { updateObjectValue })(MyComponent);