反应测试库测试控制复选框

问题描述

我正在尝试使用 react 测试库测试受控复选框，并且该复选框在测试环境中的行为与在浏览器中的行为不同。

当我点击浏览器中的复选框时，onChange 被触发，e.target.checked 具有当前状态的相反值。

当我单击带有测试库的 userEvent.click 函数的复选框时，onChange 被触发，e.target.checked 具有当前值。

有人知道如何解决这个问题吗？

解决方法

这是因为我在更新了检查值后访问了事件对象上的值