更新时间:2023-01-16 17:37:01
这两个选项都有效,但就像在类组件中使用 setState
一样,当更新从某些东西派生的状态时需要小心已经处于状态.
如果你例如连续两次更新计数,如果不使用更新状态的功能版本,将无法正常工作.
const { useState } = React;功能应用(){const [count, setCount] = useState(0);函数brokenIncrement(){设置计数(计数 + 1);设置计数(计数 + 1);}函数增量(){setCount(count => count + 1);setCount(count => count + 1);}返回 (<div><div>{count}</div><button onClick={brokenIncrement}>破碎增量</button><button onClick={增量}>增量</button>
);}ReactDOM.render(
<script src="https://unpkg.com/react@16/umd/react.development.js"><;/脚本><script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script><div id="root"></div>