gpt4 book ai didi

google-chrome-extension - 如何从浏览器设置 React 组件状态和 props

转载 作者:行者123 更新时间:2023-12-03 13:19:09 26 4
gpt4 key购买 nike

是否可以通过浏览器(从另一个脚本内部或通过控制台)访问和设置现有 React 组件的状态和属性?

我知道 Angular 有一种方法可以访问作用域并更改变量,但是使用 React 我还没有找到方法。

我认为一定有某种方法,因为 Facebook 的 React 开发工具扩展能够从页面上的 React 组件获取所有信息(Props、State、Component、Event Listeners),并且可以更改它们.

如果有可能通过 JavaScript 来做到这一点,那么会采取哪种方式呢?

最佳答案

如果您有 React devtools extension ,您可以通过浏览器控制台使用 $r 访问 React 作用域。

首先,在 React devtools 选项卡中选择您想要操作的组件:

enter image description here

然后,使用 $r 对组件进行操作,例如使用 $r.state 读取状态或使用 $r.setState({ ... }):

enter image description here

关于google-chrome-extension - 如何从浏览器设置 React 组件状态和 props,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30218664/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com