Commit ca4015f

committed

Update useCounter example to use updater function, As per #47

1 parent 9596451 commit ca4015fCopy full SHA for ca4015f

File tree

-3

lines changed

-3

lines changed

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@ import { useState, useCallback } from 'react'`
`15`	`15`
`16`	`16`	`export default function useCounter(initialValue = 0) {`
`17`	`17`	`const [count, setCount] = useState(initialValue)`
`18`		`- const increment = useCallback(() => setCount(count + 1), [count])`
	`18`	`+ const increment = useCallback(() => setCount((x) => x + 1), [])`
`19`	`19`	`return { count, increment }`
`20`	`20`	`}`
`21`	`21`	```
`@@ -46,7 +46,7 @@ import { useState, useCallback } from 'react'`
`46`	`46`
`47`	`47`	`export default function useCounter(initialValue = 0) {`
`48`	`48`	`const [count, setCount] = useState(initialValue)`
`49`		`- const increment = useCallback(() => setCount(count + 1), [count])`
	`49`	`+ const increment = useCallback(() => setCount((x) => x + 1), [])`
`50`	`50`	`const reset = useCallback(() => setCount(initialValue), [initialValue])`
`51`	`51`	`return { count, increment, reset }`
`52`	`52`	`}`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@ import { useState, useCallback } from 'react'`
`15`	`15`
`16`	`16`	`export default function useCounter() {`
`17`	`17`	`const [count, setCount] = useState(0)`
`18`		`- const increment = useCallback(() => setCount(count + 1), [count])`
	`18`	`+ const increment = useCallback(() => setCount((x) => x + 1), [])`
`19`	`19`	`return { count, increment }`
`20`	`20`	`}`
`21`	`21`	```

Comments

(0)