React Developer Tools提供了很多功能来判断React组件树，以及查看props 、事件处理程序等.然而，我真正想做的是能够在浏览器控制台中判断这些数据 struct .
在chrome中，我可以使用$0在控制台中使用当前 Select 的DOM元素.有没有一种方法可以从$0中提取React组件信息，或者可以使用React开发工具执行类似的操作？
推荐答案
使用React Developer Tools可以使用$r获得对所选React组件的引用.
下面的屏幕截图显示了我使用React Developer Tools来 Select 一个组件(Explorer)，它有一个名为nodeList的状态对象.在控制台中，我现在可以简单地写$r.state.nodeList来引用状态中的这个对象.props 也是一样(例如:$r.props.path)
Reactjs相关问答推荐
如何在关闭和打开此 Select 输入时应用旋转效果？
从Microsoft Excel粘贴复制的单元格时，将Excel单元格格式(粗体、下划线、斜体)带入Reaction
为什么我的React App.js只在页面刷新时呈现3次？
react 路由GUGUD Use Effect无法通过useNavigate正常工作
有没有可能在next.js和ssr中使用tsps？
如何使用TouchStart/TouchEnd在Table ReactJS中交换位置？
Antd V5组件自定义主题
如何使用react-router-dom保护嵌套在受保护路由中的嵌套路由？
React 在第一次渲染时为 null
React Native - 如何处理错误带有有效负载的NAVIGATE操作..未被任何导航器处理？
如何在 React Hook Form 中使用嵌套对象处理错误验证消息
如何在 ChartJS 中创建此图表？在 NEXTjs 和 TSX 中
React 状态不更新
Primereact 的日历组件在每个月 12 日之后使用非唯一键生成
如何使用 React Hook Form 将寄存器作为 props 发送到子组件来收集数据？
Select 建议后如何关闭 vscode 添加自动完成={}
将 ref 赋予功能组件以使用内部功能
如何定制 React 热 toastr ？
Cypress - 在继续之前等待下一个按钮重新出现
Axios 删除在带有授权令牌的react js 中不起作用
实用课程推荐