What should I do if I want to call a function after a state change?

Kunoky — Wed, 28 Sep 2022 02:42:35 +0000

When I use hooks, I have an object obj that will be modified in multiple places. I just want to call a function that uses obj after a certain modification. If it is called directly, obj is not the latest value. What is the optimal solution？


const [obj, setObj] = useState({})

const funcA = () => {
  ajax(obj)
}

const funcB = (v) => {
  setObj(v)
  funcA()
}
// ...other setObj

This is my current code, but there are some bug

const [obj, setObj] = useState({})

const funcA = () => {
  ajax(obj)
}

const funcB = (v) => {
  Object.assign(obj, v)
  setObj({...obj})
  funcA()
}

Does React plan to implement a callback api similar to that after setState?

DEV Community: Kunoky

What should I do if I want to call a function after a state change?