如何阻止useSelector多次调用

Question

我有一个组件，如下所示-

const MyComponent = () => {
const bankingAccounts = useSelector(state => state.dogs);
useEffect(() => {
console.log(dogs);
}, [dogs]);
return <div>Demo</div>;
};

这里dogs返回一个对象数组。在我的应用程序中还有其他一些事情在更新商店中狗的一些属性，这导致了上述useSelector的重新调用。

我曾尝试在useSelector中传递一个自定义的相等函数，但没有成功。

useSelector(state, areEqual)

如何解决此问题？

Answer 1

如果你不想要反应性，那么你可以使用useStore[只返回当前状态]，而不是useSelector(([每次状态更新时都会调用。]

const { getState  } = useStore()
const bankingAccounts = getState().dogs;