Learning Redux

Correct approach - Copying all levels of nested data

The correct way to update nested data is to copy all levels, as follows:

const workingReducer = (state, action) => {  return {    ...state,    nestedState: {      ...nestedState,      nestedField: action.data    }  }}

It is very useful to use rest/spread syntax (...) for this pattern.