React props 对象 vs 数组组件更新

Question

我有来自React 的示例，其中组件更新取决于props 是对象还是数组类型。使用reselect 库和Redux store。它是否应该是这样的，这意味着新对象将不等于prevprops？如果它假设以这种方式工作，我如何使用redux 中的对象和新道具，以便shouldComponentUpdate 在props 中发生对象更改时对我有用？

https://sbqun.csb.app/

Answer 1

你的 reducer 函数有误，CounterReducer.js，第 10 行

 return {
        ...state,
        // don't set this directly, this code preserves the reference to the array and react does not updates the 
        counter: state.counter
        // counter: Array.from(state.counter)
      };

查看我更新的代码，你在上面的代码中设置了引用，把上面的代码替换成这个。

return {
        ...state,
        //counter is now a new array 
        counter: [...state.counter]
        // counter: Array.from(state.counter)
      };