In zustand store, I have two variable, let's say varA, varB.
And I have other component K that depends on only varB, not varA.
But the problem is when the varA is set as new value in zustand store, my K component is re-rendered, and it produce undesirable result. How can I prevent this?

在ZUSTAND存储中，我有两个变量，比方说，Vara，Varb。我还有其他分量K，它只依赖于Varb，而不依赖于Vara。但问题是，当在ZUSTAND存储中将VARA设置为新值时，我的K分量被重新呈现，并且产生了不希望看到的结果。我如何才能防止这种情况发生？

I tried useMemo, but it doesn't work.

我试过使用Memo，但它不起作用。

import React from 'react';
import { useStore } from './my-zustand-store';

function K() {
  // I didn't even pull out varA from store.
  const varB = useStore((state) => state.varB);

  // Use useMemo to memoize varB
  const memoizedVarB = React.useMemo(() => varB, [varB]);
  
  console.log("re-rendering component K...");

  return (
    <div>
      <p>Value of varB: {memoizedVarB}</p>
    </div>
  );
}

export default K;

The log is shown twice when I change varA.

当我更改VARA时，日志显示两次。