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

quanpham0805

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

在此处输入图片说明

Sign out是一个按钮,我可以改变的状态也喜欢disabletruefalse使用阵营的开发者工具。但是我可以通过开发人员工具按下按钮吗?

那将是烧瓶

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

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

$r.click()

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

$tmp()

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

React Developer Tools如何确定网页正在使用React?

React Developer Tools将所有组件显示为“匿名”

React Developer Tools会显示“代理组件”而不是组件名称

如何更新 Google Chrome Developer Tools 本地存储视图?

如何在生产版本中排除/禁用React Developer Tools?

如何在React Developer Tools中搜索具有特定键的组件?

使用 Google Accessibility Developer Tools 的 jQuery UI Datepicker 焦点问题

如何获得新的(2020 年)React Developer Tools 以像旧版本一样显示元素?

如何使用react native在按钮上定义单击区域?

如何使用React Hooks在按钮单击上获取数据

如何使用React Hooks更改按钮单击时的图像?

如何使用请求“单击”按钮

如何使用WebControl单击按钮

Selenium:单击 React 按钮

单击按钮后未发生重定向,但在Dev Tools Console中可以使用相同的代码

如何安装JRE或JDK在Windows 7上运行Android Developer Tools?

如何禁用单击按钮?

单击按钮如何打印React组件?

如何清除interval在react钩上单击按钮

等于计算器不执行任何操作的按钮(Android Developer Tools)

通过单击按钮加载使用React

如何知道按钮是通过单击还是在react.js中使用Enter或空格键单击的?

调试带有Chrome扩展“ React Developer Tools 4.10.1”的React App我期望看到一个React标签

禁用按钮后,如何在Apple Developer网站上添加新设备以进行配置?

如何更改Apple Developer帐户

如何更改Sql Developer的编码?

单击后隐藏 React 按钮

使用Sql Developer选择MySQL

无法使用 SQL Developer 登录?