如何使用React Developer Tools单击按钮？

Question

我正在使用Material UI在React中创建卡片，如下所示：

Sign out是一个按钮，我可以使用React开发人员工具将disable的状态从true更改为false。但是我可以通过开发人员工具按下按钮吗？

Answer 1

React Devtools不包含特定于DOM的功能。

当前选择的React元素在控制台中可用作$r临时变量。如果选择了DOM按钮元素，则可以通过以下方式触发点击事件：

$r.click()

可以在React Devtools中检查反应元素。如果提供了onClick属性，则可以将其保存到临时变量（存储为全局变量）并从控制台调用：

$tmp()