How to use state callback function equivalent on Hooks

Question

I'm basically new to this react hook things, and I'm quite a bit confused. I know that react don't immediately update the state every time setState is called, but the setState method on the class-based component has a callback, which will be called after the state updated. I'm looking for a similar thing on Hook but found nothing yet.

Answer 1

You can use useEffect hook to call a function whenever a value is updated

const [value, setValue] = useState(initialValue);

useEffect(() => {
   console.log('Print updated value and do some processing here', value);
}, [value]);