BFE.devAI解答 - React 小测验
5. Automatic batching 1
这是一个React小测验问题,
以下是这段代码的作用:
- 定义了一个React组件
App
,使用了useState
hook 初始化状态为0
。 - 在
App
中定义了一个按钮,当点击按钮时,触发两个setState
操作来更新状态。 - 在代码最后,使用
ReactDOM
把App
组件渲染到 App 组件。 - 使用
testing-library
模拟用户点击按钮事件,测试App
组件的行为。具体来说,点击按钮会连续执行两次setState
函数,更新状态为1
和2
。
从手动运行代码测试后,打印的 App
的状态为 2
,说明第二次的 setState
覆盖了第一次的操作,将状态从 0
直接更新到了 2
。