时间戳

首页 > 解决方案 > 在 setState React 钩子之后调用函数

javascript - 在 setState React 钩子之后调用函数

问题描述

请帮助我
，我需要像这样在 setState 之后调用一个函数，所以doSomeFunction()只有在设置状态后才能工作

function sth() {
    setState(something)
    doSomeFunction()
}

不使用 useEffect

标签： javascriptreactjsreact-hooks

解决方案

您可以在基于类的组件中执行此操作，方法是添加一个callbackto setState：阅读更多

this.setState(
    { something: "SomeData" },
    () => this.doSomething()
  );

在使用功能组件时：

const [something, setSomething]= useState('');

  const doSomething =()=> {
    //do your function work
  }

  useEffect(()=>{
    //call function when something change in state
    doSomething();
  },[something]) //dependency added

推荐阅读