更改所有嵌套对象的值 Immutable.js

Question

reducer 看起来像这样

import {ADD_TASK, EDIT_TASK, CHECK_TASK, CHECK_ALL_TASK} from '../constants';
import {OrderedMap, Record} from 'immutable';

const TaskRecord = Record({
    id: null,
    text: null,
    isChecked: false
});

const ReducerState = Record({
    entities: new OrderedMap({})
});

const defaultState = new ReducerState();

export default (tasksState = defaultState, action) => {
    const {type, payload, randomId} = action;

    switch (type) {
        case ADD_TASK:
            return tasksState.setIn(['entities', randomId], new TaskRecord({...payload.task, id: randomId}));
        case CHECK_ALL_TASK:
            return tasksState.map(entities => {
                return entities.map((task) => {
                    task.set('isChecked', true);
                });
            });
    };

    return tasksState;
};

如何更改实体中TaskRecord中的所有isChecked？我写了 CHECK_ALL_TASK，但它给出了一个错误 (tasksState undefined)

Answer 1

写了这个函数，但是能不能把它做得更简单一些？

function checkAllCheckboxes(state) {
    let newState = state;
    for (let id of state.entities) {
        newState = newState.setIn(['entities', id[0], 'isChecked'], true);
    }
    return newState;
}

Answer 2

如果您想根据当前值为属性设置新值，您可以使用 .update。当您想对集合中的每个项目进行更改时，.map 就是您要使用的。在您的情况下，您希望通过修改集合中的每个实体来为属性 entities 设置一个新值。这意味着您要使用 update 和 map:

function checkAllBoxes(taskState) {
  return taskState.update('entities', entities => 
    entities.map(entity =>
      entity.set('isChecked', true)));
}

const TaskRecord = Immutable.Record({
  id: null,
  text: null,
  isChecked: false
});

const ReducerState = Immutable.Record({
  entities: new Immutable.OrderedMap({})
});

const taskState = new ReducerState({
  entities: Immutable.OrderedMap({
    a: new TaskRecord(),
    b: new TaskRecord(),
    c: new TaskRecord()
  })
});

function checkAllBoxes(taskState) {
  return taskState.update('entities', entities =>
    entities.map(entity =>
      entity.set('isChecked', true)));
}

console.log(checkAllBoxes(taskState))

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/4.0.0-rc.9/immutable.js"></script>

更改所有嵌套对象的值 Immutable.js

Change the values of all nested objects Immutable.js

javascript

reactjs

immutable.js

react-redux