Redux action SORT_BY_FIELD is successfully dispatched to Table component but Table will not re-render upon the state change.

[dyl4810]

The console shows that the state changes from redux through SORT_BY_FIELD are passed down to the Table component as shown below:

However, state change won't trigger re-render of Table component. I think the actions I wrote are mutable (which shouldn't be) and I think that is the source of all errors.

Redux action SORT_BY_FIELD codes:
https://github.com/dyl4810/dynamicDataTable/blob/master/src/reducers/rootReducer.js#L88-L96

Here is the deployed sandbox to play around:
@https://dyl4810.github.io/dynamicDataTable

@asiandrummer

[asiandrummer]

I'm having trouble installing the app so I can't be 100% sure, but couldn't you do:

      console.log('sort by: ' + action.headerKeyActive)
      const newcontacts = state.newcontacts.sort((a, b) => compare(a, b));
      return Object.assign({}, state, { newcontacts });

[dyl4810]

@asiandrummer Wow that worked like a charm! 역시 책북 효느님! ㅋㅋㅋㅋ