React 道具对象与数组组件更新

Question

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

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)
      };

React 道具对象与数组组件更新

React props object vs array component update

reactjs

redux

react-redux

reselect