React中的refs使用教程
React中的refs是指在React组件中使用的一种特殊属性，可以用来绑定到render()输出的任何组件上去。这个特殊的属性允许你引用render()返回的相应的支撑实例（backing instance）。这样就可以确保在任何时间总是拿到正确的实例。
在React中，refs属性可以添加到任何虚拟DOM节点上，例如input标签、div标签等。当我们在render函数中返回某个组件的实例时，可以给render中的某个虚拟DOM节点添加一个ref属性。例如：
```
var App = React.createClass({
render: function() {
return (
<div>
<input type="text" placeholder="input something..." ref="input" />
</div>
);
}
});
```
在上面的代码中，我们给input标签添加了一个ref属性，值为“input”。这样我们就可以在其他代码中通过this.refs获取支撑实例（backing instance），例如：
```
this.refs.input
```
通过ref属性，我们还可以拿到该虚拟DOM对应的真实DOM节点，有两种方法可以拿到真实DOM节点：
```
var usernameDOM = this.refs.username.getDOMNode();
var usernameDOM = React.findDOMNode(this.refs.username);
```
refs属性的使用有很多种场景，例如在事件处理代码中，我们可以通过refs获取某个组件的实例，并对其进行操作。例如，在一个表单提交事件处理函数中，我们可以通过refs获取某个input标签的实例，并获取其值。
refs属性也可以用来实现某些特殊的交互效果，例如在上面的demo中，我们使用refs属性来实现了一个输入框获取焦点的效果。
refs属性是React中的一种非常有用的属性，可以帮助我们更方便地获取和操作组件实例。
