减速器中的状态变量太多，但我希望我的组件仅在其中一个发生变化时才渲染

Question

我创建了一个具有许多状态变量的减速器，

我在我的组件中使用它，例如-

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

我的组件是否仅在 gridDatachanges 或auditReducer 中的任何状态变量更改时更新？

Answer 1

是否渲染取决于选择器函数返回的内容。如果该值发生变化，组件就会呈现。选择器函数是

(state: State) => state?.auditReducer

，因此对审计减速器的任何更改都会导致重新渲染。

如果您只想在 gridData 更改时渲染，请将其包含在选择器中。

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