zustand

最近工作中需要用到zustand，先记录一下学到的demo

安装：

npm install zustand

公共文件store引入

import create from 'zustand'

const useStore = create(set => ({
  bears: 0,
  increasePopulation: () => set(state => ({ bears: state.bears + 1 })),
  removeAllBears: () => set({ bears: 0 })
}))
export default useStore

需要用到的组件引入useStore

import React from 'react'
import useStore from './store/index'

export default function Controls() {
  const bears = useStore(state => state.bears)
  const increasePopulation = useStore(state => state.increasePopulation)
  return <><h1>{bears} around here ...</h1>
  <button onClick={increasePopulation}>click</button>
  </>
}