如何在JSX React

Question

我的组件中有以下代码：

renderName：function（name）{       回来（                    {名称}                ）     }

然后在render方法中我想检查运行此方法的HTML DOM表示：

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

我怎样才能看到代码

<div>
   Berlin
</div>

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

Answer 1

如果你想在React中引用this，一种方法是使用

ReactDOM.findDOMNode(this)

以下是相关文档。

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

<强> ReactDOM.findDOMNode（本）

  

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

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