jotai_basic_counter_atom_with_useAtom_hook.ts

1import { atom, useAtom } from 'jotai'
2
3// Create an atom to hold the state
4const countAtom = atom(0)
5
6const Counter = () => {
7  // Use the useAtom hook to read and update the atom's value
8  const [count, setCount] = useAtom(countAtom)
9  
10  return (
11    <div>
12      <h1>{count}</h1>
13      <button onClick={() => setCount((c) => c + 1)}>one up</button>
14    </div>
15  )
16}
17
18export default Counter