Common useState() Hook Mistakes in Reactjs
useCallback Hook returns a memoized callback function.
useCallback Hook only runs when dependencies update.
Incorrect Previous value
When using setState, you can access the previous state as an argument of callback. Here if you click multiple times on delay Increment CTA state not updated correctly.
.png "useState hook in reactjs")
How to solve above issue.
let’s use callback when setting state. remove dependency from use Callback.
Now if you click multiple time on delay Increment CTA , it's update set correctly and you get correct value.
Now if you click multiple time on delay Increment CTA , it's update set correctly and you get correct value.
.png "solve useState hook previous value")
Forgot to initialize State()
This gives errors during code execution. like “Can’t read properties of undefined”.
Below code if you forgot to give initialize value to count it's give undefined error first, when you click + button it's give NaN.
This gives errors during code execution. like “Can’t read properties of undefined”.
Below code if you forgot to give initialize value to count it's give undefined error first, when you click + button it's give NaN.
.png "initialize useState() hooks")
How to solve it
Give initialize value to count. Now it's working while you click on + CTA it's give increment value of state.
Give initialize value to count. Now it's working while you click on + CTA it's give increment value of state.
.png "initialize useState() hooks reactjs")
.png&description=Common useState() Hook Mistakes in Reactjs){kind=link}