Javascript 如何在JSX中查看特定组件的dom树

我的组件中有以下代码：

renderName:函数（名称）{ 返回( {name} ) }

然后在

render

方法中，我想检查运行此方法的HTML DOM表示形式：

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

如何查看代码

<div>
   Berlin
</div>

柏林

---

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

如果您想在React中引用

这个

，一种方法是使用

ReactDOM.findDOMNode（this）

这是上面的文件

ReactDOM.findDOMNode（此）

如果此组件已装入DOM，则返回相应的本机浏览器DOM元素。此方法对于从DOM中读取值（例如表单字段值）和执行DOM测量非常有用。在大多数情况下，可以将ref附加到DOM节点，并完全避免使用findDOMNode

如果需要避免使用findDOMNode，建议使用

refs