我是新来的zustand和目前的经验，建立国家由它。
在我的应用程序中，我有两个组件;一个是父级，另一个是子级，由父级 Package 。
我尝试了不同的方法在子级中创建状态。但是，结果不如预期，因为创建的状态无法在子级中更新。
为什么会这样？
App.js:

import "./styles.css";
    import useCounterStore from "./hooks/useCounterStore";
    import Child from "./Child";
    export default function App() {
      const { count, add } = useCounterStore();
      return 

(
    <div>
      Parent
      <div className="childContainer">
        <Child name="child1"></Child>
        <Child name="child2"></Child>
      </div>
      <p>{count}</p>
      <button onClick={add}>Add</button>
    </div>
  );
}

Child.js:

import create from "zustand";
export default function Child(props) {
  const { name } = props;

  const { count, add } = create((set) => ({
    count: 1,
    add: () => set((state) => ({ count: state.count + 1 }))
  }))();

  return (
    <div className="child">
      <p>{name}</p>
      <p>{count}</p>
      <button onClick={add}>Add</button>
    </div>
  );
}

useCounterStore.js

import create from "zustand";

const useCounterStore = create((set) => ({
  count: 1,
  add: () => set((state) => ({ count: state.count + 1 }))
}));

export default useCounterStore;

儿童计数始终保持在1