zutand-正确的状态变更方式

使用 zustand 中提供的函数来更新状态，而不是直接在函数中修改状态变量。

示例代码：

import create from 'zustand';

const useStore = create((set) => ({ count: 0 }));

// 正确的状态更新方式：使用 set 函数
function increment() {
  useStore.setState((state) => ({ count: state.count + 1 }));
}

// 错误的状态更新方式：直接修改状态变量
function increment() {
  const store = useStore.getState();
  store.count += 1; // 非常容易引起副作用
  useStore.setState(store); // 必须调用 setState 手动更新状态
}

使用 zutand 提供的 set 函数可以更好地管理状态变更，并避免由于直接修改状态变量而引起的副作用。在 set 函数中，可以使用回调函数来获取先前的状态并返回更新后的状态。这种方式也可以确保代码的纯净性，即状态仅在使用 set 更新时才会发生变化。