@@ -60,15 +60,15 @@ Using this library, you do not have to concern yourself with how to construct, r
6060
6161``` js
6262// useCounter.js
63- import { useState } from ' react'
63+ import { useState , useCallback } from ' react'
6464
65- function useCounter (initialCount = 0 ) {
66- const [count , setCount ] = useState (initialCount )
65+ function useCounter () {
66+ const [count , setCount ] = useState (0 )
6767
68- const incrementBy = useCallback ((n ) => setCount (count + n ), [count])
69- const decrementBy = useCallback ((n ) => setCount (count - n ), [count])
68+ const increment = useCallback (() => setCount (count + 1 ), [count])
69+ const decrement = useCallback (() => setCount (count - 1 ), [count])
7070
71- return { count, incrementBy, decrementBy }
71+ return { count, increment, decrement }
7272}
7373
7474export default useCounter
@@ -81,34 +81,20 @@ import useCounter from './useCounter'
8181
8282afterEach (cleanup)
8383
84- test (' should create counter' , () => {
85- const { result } = renderHook (() => useCounter ())
86-
87- expect (result .current .count ).toBe (0 )
88- })
89-
9084test (' should increment counter' , () => {
9185 const { result } = renderHook (() => useCounter ())
9286
93- act (() => result .current .incrementBy ( 1 ))
87+ act (() => result .current .increment ( ))
9488
9589 expect (result .current .count ).toBe (1 )
96-
97- act (() => result .current .incrementBy (2 ))
98-
99- expect (result .current .count ).toBe (3 )
10090})
10191
10292test (' should decrement counter' , () => {
10393 const { result } = renderHook (() => useCounter ())
10494
105- act (() => result .current .decrementBy ( 1 ))
95+ act (() => result .current .decrement ( ))
10696
10797 expect (result .current .count ).toBe (- 1 )
108-
109- act (() => result .current .decrementBy (2 ))
110-
111- expect (result .current .count ).toBe (- 3 )
11298})
11399```
114100
0 commit comments