Question

我点击了div按钮，控制台被打印出

YourClass > some_member_function

为什么setState总是执行两次这是我的代码

click
111
setState
111
setState

Answer 1

在index.js的{{1}} remove中，您只会看到它呈现一次。

Answer 2

但是点击后 num 等于2还是1？

也许此表格会更好？

function App() {
  const [num, setNum] = useState(0);
  console.log('111');
  return (
    <div>
      {num}
      <div onClick={ () => {
        console.log('click');
        setNum(num + 1)
      }}>button</div>
    </div>
  )
}

也许还尝试使用按钮进行点击，而不是 div ？

为什么反应钩子setState总是执行两次

2 个答案: