Redux:如何更新对象的单个属性

// actions.js
export const UPDATE_PROPERTY = 'UPDATE_PROPERTY';

export function updateProperty(propertyName, value) {
  return {
    type: UPDATE_PROPERTY,
    payload: { propertyName, value }
  };
}

// reducer.js
import { UPDATE_PROPERTY } from './actions';

const initialState = {
  someObject: {
    property1: 'value1',
    property2: 'value2'
  }
};

function rootReducer(state = initialState, action) {
  switch (action.type) {
    case UPDATE_PROPERTY:
      const { propertyName, value } = action.payload;
      return {
        ...state,
        someObject: {
          ...state.someObject,
          [propertyName]: value
        }
      };
    default:
      return state;
  }
}

export default rootReducer;

import { useDispatch } from 'react-redux';
import { updateProperty } from './actions';

function MyComponent() {
  const dispatch = useDispatch();

  const handleChange = (propertyName, value) => {
    dispatch(updateProperty(propertyName, value));
  };

  // ...
}