How to change the state of a specific item in the Store?

Question

React

There is a store with the following content:

{routingTasks: {
 taskData: {
  message: "Успешно",
  infoTask: {
    0: {
        ID: "ZX001",
        TIME: "15.06.2020 12:20",
        ROUTE: null,
       }
    1: {...},
    2: {...},
   }
  }
 }
}

You need to update the state of a specific element, such as routingTasks.taskData.infoTask[1].ROUTE. How to do it?

I use a reducer like this:

const tasksData = handleActions({
  [setActionRequest.toString()]: (state, action) => ({
    ...state,
    ROUTE: action.payload,
  }),
},
null,
);

Action.payload receives data like this:

{ID: "ZX052",
 ROUTE: "VASYA",}

Answer 1

The documentation site has a whole article about it.
If you do not want to bathe, then you can take immer and write like this:

routingTasks.taskData.infoTask[1].ROUTE = "lol kek"