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

Question

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

Sign out 是一个按钮，我可以改变它的状态，比如 disable 从 true 到 false 通过使用 React 开发者工具。但是我可以通过开发者工具按下按钮吗？

Answer 1

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

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

$r.click()

可以在 React Devtools 中检查 React 元素。如果提供了 onClick 属性，它可以保存到临时变量(存储为全局变量)并从控制台调用:

$tmp()