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

Question

我正在像这样使用Material UI在React中创建卡：

在Sign out一个按钮，我可以像改变它的状态， disable从true到false使用作出反应的开发工具。 但是我可以通过开发人员工具按下按钮吗？

Answer 1

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

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

$r.click()

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

$tmp()