如何从DOM获取ReactElement？

Question

让我们说我在DOM中为我呈现了ReactElement：

<form id="form" data-reactid='reactid.1'></form>

我可以通过

访问HTMLElement

var element = document.getElementById('form');
element instanceof HTMLElement; // true
// ?? instanceof ReactElement

如何让ReactElement负责管理form元素？

Answer 1

组件安装完成后，你可以通过JavaScript找到DOM中的元素，或者jQuery或通过DOM查看的任何元素。

然而，您可能最好添加对表单的引用并使用Reacts内部模型快速/直接找到它，而不必遍历整个DOM来查找它。

<form ref="myForm" data-reactid='reactid.1'></form>

然后找到它。

var form = React.findDOMNode(this.refs.myForm);