是否可以通过浏览器(从另一个脚本内部或通过控制台)访问和设置现有 React 组件的状态和属性？
我知道 Angular 有一种方法可以访问作用域并更改变量，但是使用 React 我还没有找到方法。
我认为一定有某种方法，因为 Facebook 的 React 开发工具扩展能够从页面上的 React 组件获取所有信息(Props、State、Component、Event Listeners)，并且可以更改它们.
如果有可能通过 JavaScript 来做到这一点，那么会采取哪种方式呢？
最佳答案
如果您有 React devtools extension ，您可以通过浏览器控制台使用 $r 访问 React 作用域。
首先，在 React devtools 选项卡中选择您想要操作的组件:
然后，使用 $r 对组件进行操作，例如使用 $r.state 读取状态或使用 $r.setState({ ... }):
关于google-chrome-extension - 如何从浏览器设置 React 组件状态和 props，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30218664/