ReactDOM.findDOMNode( this.refs.a )和this.refs.a有什么不同？

Question

如果直接从this.refs获取element对象，为什么是ReactDOM.findDOMNode？

var HelloMessage = React.createClass({
click:function(){
  console.log(ReactDOM.findDOMNode(this.refs.a))
  console.log(ReactDOM.findDOMNode(this.refs.b))
  console.log(this.refs.a)
  console.log(this.refs.b)
},
  render: function() {
    return <div><div onClick={this.click}>click</div>Hello {this.props.name}{this.props.no?<div ref="a">{this.props.no}</div>:<div ref="b"></div>}</div>;
  }
});

ReactDOM.render(<HelloMessage name="John" no={1}/>, mountNode);

Answer 1

从使用的角度来看，它们之间没有区别。

在过去，ReactDOM.findDOMNode是一种获得裁判的方式。目前它已被弃用，this.refs是你现在应该做的。