Dane David danedavid
danedavid
/ Counter.jsx
Created
June 19, 2020 17:27
Custom React hook for fetching previous props & state values
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Usage */ | |
| const Counter = ({ upperCount }) => { | |
| const [count, setCount] = useState(1); | |
| usePrevValues( | |
| { | |
| count, | |
| upperCount | |
| }, | |
| prevValues => { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| usePrevValues( | |
| useMemo(() => ({ | |
| count, | |
| upperCount | |
| }), [count, upperCount]), | |
| useCallback(prevValues => { | |
| console.log("callback invoked"); | |
| if (prevValues.count + 1 === count) { | |
| console.log("inner done"); | |
| } |
OlderNewer