对此作出0.13的反应。getDOMNode（）等效于React。findDOMNode（）

Question

这在React版本0.12中工作得非常好：

componentDidMount: function () {
    var dom = this.getDOMNode();
}

变量dom获取呈现组件的实际DOM节点。但是，将其转换为React 0.13并不像预期的那样工作：

componentDidMount: function () {
    var dom = React.findDOMNode();
    // dom is undefined
}

我尝试了React.findDOMNode（this），它也不起作用。基本上，我只是试图获取由渲染函数渲染的顶级dom节点，而不使用ref。这有可能吗？

Answer 1

React 15.0.1需要以下语法：ReactDOM. findDOMNode

例如

var x = ReactDOM.findDOMNode(this.refs.author);

Answer 2

请注意，作为反应v0.14

React.findDOMNode变为ReactDom.findDOMNode（this）；其中

var ReactDom = require('react-dom');

如中所述https://facebook.github.io/react/blog/2015/10/07/react-v0.14.html

Answer 3

更新REACTV0。14

在React v0.14中，这已经改变，您现在应该使用react-dom模块：

import ReactDOM from 'react-dom';

ReactDOM.findDOMNode(this);

ES6

class Test extends React.Component {
  componentDidMount() {
    const element = ReactDOM.findDOMNode(this);
    console.log(element);
    alert(element);
  }
  
  render() {
    return (
      <div>test</div>
    );
  }
}

ReactDOM.render(<Test />, document.getElementById('r'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script>
<div id="r" />