如何在模块外部的JS 文件中使用zustand？

在模块外部的JavaScript文件中使用Zustand，你需要首先安装`zustand`库。如果你还没有安装，可以使用npm或yarn命令行工具：

npm install zustand
# 或者
yarn add zustand

然后，要在另一个文件中导入并使用Zustand，你可以按照以下步骤操作：

1. 导入`createStore`函数：

import create from 'zustand';

2. 创建一个存储（store），它是一个状态管理容器：

const useStore = create(setState => ({
  state: initialState,
  setState,
}));

这里的`initialState`是你想要初始化的状态，`setState`是一个接受新状态作为参数的方法。

3. 在其他模块中，使用`useStore` Hook访问和修改状态：

function YourComponent() {
  const { state, setState } = useStore();
  // ...
  function handleClick() {
    setState(prevState => ({ ...prevState, yourNewState }));
  }
  return (
    <div>
      <button onClick={handleClick}>点击更新状态</button>
      <p>当前状态: {state}</p>
    </div>
  );
}
export default YourComponent;