在控制台记录的React Refs中查找DOM元素

时间:2018-08-02 12:17:58

标签: reactjs google-chrome-devtools material-ui

我正在使用Material UI中的DataPicker:

https://v0.material-ui.com/#/components/date-picker

我希望在某些情况下变灰,但没有选择。因此,我决定参考组件,然后在其中找到这些日子。

我通过控制台记录了对该组件的引用,现在我不知道如何查找这些元素(https://github.com/mui-org/material-ui/tree/v0.20.0/src/DatePicker-> DayButton实例),因为它们没有引用。

0:{$$ typeof:Symbol(react.element),类型:ƒ,键:null,ref:null,props:{…},…}

1:{$$ typeof:Symbol(react.element),类型:ƒ,键:空值,参考:“ calendar”,道具:{…},…}

是否可以将控制台输出复制到某些文本编辑器,并通过某些短语(如这些按钮样式或关键字)进行查找?

当我想将此输出复制为全局变量时,我得到了

VM34019:1未捕获的TypeError:将圆形结构转换为JSON

所以这不可能。

也许有些人知道如何配对-在这些输出的Source部分中可以轻松找到DOM元素。或者只是复制整个对象。

我还尝试了在不使用JSON.strigify的情况下复制存储的全局变量,并复制了Object对象。

this.props.children-不起作用。

感谢您的帮助!

0 个答案:

没有答案