Reducer含多状态变量，组件是否仅在指定变量变更时渲染？

你的组件会在auditReducer中的任意状态变量变更时触发重新渲染，原因如下：

• useSelector的重渲染判定逻辑是：对比前后两次调用selector函数返回值的引用是否相等（浅比较）。
• 你当前的写法是先返回整个auditReducer对象，再从中取gridData：

  let gridData = useSelector((state: State) => state?.auditReducer).gridData;
  

  由于Redux的reducer是基于不可变更新的，只要auditReducer里的任意一个状态变量发生变化，整个auditReducer对象就会生成一个新的引用。这时候useSelector会认为返回值变了，就会触发组件重渲染，哪怕gridData本身根本没变化。

如果想让组件仅在gridData变更时才重渲染，应该直接在selector函数里返回gridData：

let gridData = useSelector((state: State) => state?.auditReducer?.gridData);

这样只有当gridData的引用或值（如果是基本类型）发生变化时，useSelector才会判定返回值改变，进而触发组件重渲染。

内容的提问来源于stack exchange，提问作者meg