Skip to content

Commit ca4015f

Browse files
committed
Update useCounter example to use updater function, As per #47
1 parent 9596451 commit ca4015f

File tree

2 files changed

+3
-3
lines changed

2 files changed

+3
-3
lines changed

Diff for: docs/usage/advanced-hooks.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import { useState, useCallback } from 'react'
1515

1616
export default function useCounter(initialValue = 0) {
1717
const [count, setCount] = useState(initialValue)
18-
const increment = useCallback(() => setCount(count + 1), [count])
18+
const increment = useCallback(() => setCount((x) => x + 1), [])
1919
return { count, increment }
2020
}
2121
```
@@ -46,7 +46,7 @@ import { useState, useCallback } from 'react'
4646

4747
export default function useCounter(initialValue = 0) {
4848
const [count, setCount] = useState(initialValue)
49-
const increment = useCallback(() => setCount(count + 1), [count])
49+
const increment = useCallback(() => setCount((x) => x + 1), [])
5050
const reset = useCallback(() => setCount(initialValue), [initialValue])
5151
return { count, increment, reset }
5252
}

Diff for: docs/usage/basic-hooks.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ import { useState, useCallback } from 'react'
1515

1616
export default function useCounter() {
1717
const [count, setCount] = useState(0)
18-
const increment = useCallback(() => setCount(count + 1), [count])
18+
const increment = useCallback(() => setCount((x) => x + 1), [])
1919
return { count, increment }
2020
}
2121
```

0 commit comments

Comments
 (0)