How to use `setState` callback on react hooks

Question

How to use `setState` callback on react hooks

React hooks introduces useState for setting component state. But how can I use hooks to replace the callback like the below code:

setState(

  { name: "Michael" },

  () => console.log(this.state)

);

I want to do something after the state is updated.

I know I can use useEffect to do the extra things but I have to check the state previous value which requires a bit code. I am looking for a simple solution that can be used with useState hook.

use-state react-hooks reactjs

4 years ago by Bharatgxwzm

2 Answers

Login / Signup to Answer the Question.

Login Signup

**espadacoder11** · Answer 1 · 2021-08-03T12:12:43



const [counter, setCounter] = useState(0);



const doSomething = () => {

  setCounter(123);

}



useEffect(() => {

   console.log('Do something after counter has changed', counter);

}, [counter]);

**sandhya6gczb** · Answer 2 · 2021-08-04T13:47:35

Wrapping setState in a promise allows to trigger an arbitrary action after completion:



import React, {useState} from 'react'



function App() {

  const [count, setCount] = useState(0)



  function handleClick(){

    Promise.resolve()

      .then(() => { setCount(count => count+1)})

      .then(() => console.log(count))

  }





  return (

    <button onClick= {handleClick}> Increase counter </button>

  )

}

export default App;

C TUTORIAL

C PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

C++ TUTORIAL

C++ PROGRAMS

INTERVIEW TESTS

EXECUTE CODE

PYTHON TUTORIAL

PYTHON HOW TOS

INTERVIEW TESTS

EXECUTE CODE

JAVA TUTORIAL

JAVA CODE EXAMPLES

SPRING TUTORIAL

MORE IN JAVA

COMPUTER ARCHITECTURE

COMPUTER NETWORK

OPERATING SYSTEM

DBMS & SQL

PL/SQL

MongoDB

EXECUTE SQL

ANDROID DEVELOPMENT

GO LANGUAGE

LINUX

DOCKER

HTML TAGS (A to Z)

CSS REFERENCES

SASS/SCSS

KOTLIN

GAME DEVELOPMENT

PHP

GIT GUIDE

JAVASCRIPT

ADVANCED DSA

How to use `setState` callback on react hooks

2 Answers

Login / Signup to Answer the Question.