使用redux根据当前值更新对象数组中的单个对象属性

import { createStore } from 'redux';

const initialState = {
  objects: [
    { id: 1, property: 'value1' },
    { id: 2, property: 'value2' },
    { id: 3, property: 'value3' }
  ]
};

function reducer(state = initialState, action) {
  // 根据action的类型更新状态
  switch (action.type) {
    case 'UPDATE_PROPERTY':
      return {
        ...state,
        objects: state.objects.map(obj =>
          obj.id === action.payload.id
            ? { ...obj, property: action.payload.property }
            : obj
        )
      };
    default:
      return state;
  }

}

const store = createStore(reducer);

function updateProperty(id, property) {
  return {
    type: 'UPDATE_PROPERTY',
    payload: {
      id,
      property
    }
  };
}

import { connect } from 'react-redux';

function MyComponent(props) {
  // 使用props中的对象数组和更新属性的函数
  // ...
}

function mapStateToProps(state) {
  return {
    objects: state.objects
  };
}

function mapDispatchToProps(dispatch) {
  return {
    updateProperty: (id, property) =>
      dispatch(updateProperty(id, property))
  };
}

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

props.updateProperty(2, 'new value');