且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

使用 React useState() 钩子更新和合并状态对象

更新时间: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(, document.getElementById("root"));

<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>