怎么看DOM树的特定组件的JSX阵营

Question

我有我的组件下面的代码：

renderName：函数（名称）{ 回报（ {名} ） }

然后在render方法我要检查什么都会运行此方法的HTML DOM表示：

render: function() { 
    let namePart = this.renderName('Berlin'); 
    ... 
} 

我怎么能看到代码

<div> 
    Berlin 
</div> 

也许有编译这个对象，我可以在DevTools检查时看到成HTML一些方法？

Answer 1

如果要引用this的反应，一个方法是使用

ReactDOM.findDOMNode(this)

这里是文档就可以了。

https://facebook.github.io/react/docs/react-dom.html#finddomnode

ReactDOM.findDOMNode（本）

如果此部件已经被安装到DOM，此返回相应的本地浏览器的DOM元素。此方法对于从DOM中读取值（如表单域值和执行DOM测量）非常有用。在大多数情况下，您可以将引用附加到DOM节点，并避免使用findDOMNode。

它建议使用refs如果您需要避免使用findDOMNode。