Zustand - woowa-techcamp-2021/store-4 GitHub Wiki

import create from 'zustand'

const [useStore] = create(set => ({
  count: 1,
  inc: () => set(state => ({ count: state.count + 1 })),
  dec: () => set(state => ({ count: state.count - 1 }))
}))

function Counter() {
	// state 를 사용하는 부분.
  const count = useStore(state => state.count)
  return <span>{count}</span>
}

function Controls() {
	// 호출되어 state 를 변경하는 이벤트를 등록하는 부분.
  const { inc, dec } = useStore()
  return (
    <>
      <button onClick={inc}>up</button>
      <button onClick={dec}>down</button>
    </>
  )
}