使用React Hooks useReducer，我如何有效地通过ID更新对象？

import React, { useReducer } from 'react';

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

const reducer = (state, action) => {
  switch (action.type) {
    case 'UPDATE_OBJECT':
      return {
        ...state,
        objects: state.objects.map(obj =>
          obj.id === action.payload.id ? { ...obj, ...action.payload.data } : obj
        )
      };
    default:
      return state;
  }
};

const MyComponent = () => {
  const [state, dispatch] = useReducer(reducer, initialState);

  const updateObject = (id, data) => {
    dispatch({ type: 'UPDATE_OBJECT', payload: { id, data } });
  };

  return (
    <div>
      {state.objects.map(obj => (
        <div key={obj.id}>
          {obj.name}
          <button onClick={() => updateObject(obj.id, { name: 'Updated Object' })}>
            Update
          </button>
        </div>
      ))}
    </div>
  );
};

export default MyComponent;