React 支持一种非常特殊的属性Ref，你可以用来绑定到 render() 输出的任何组件上。
这个特殊的属性允许你引用 render() 返回的相应的支撑实例（ backing instance ）。这样就可以确保在任何时间总是拿到正确的实例。
使用方法如下：
<!DOCTYPE html> <html lang="en"> <head> <Meta charset="UTF-8"> <title>react</title> </head> <body> <script type="text/babel"> var MyComponent = React.createClass({ clickEvent:function () { @H_502_156@/*this.refs.myInput.focus();*/ @H_502_156@ var input = this.refs.myInput.getDOMNode(); input.focus(); },render:function () { return ( <div> <input type="text" ref="myInput"/> <input type="button" value="click me" onClick={this.clickEvent} /> </div> ); } }); ReactDOM.render( <MyComponent></MyComponent>,document.body ); </script> <script src="http://static.runoob.com/assets/react/react-0.14.7/build/react.min.js"></script>@H_502_156@<!-- 核心库@H_502_156@--> <script src="http://static.runoob.com/assets/react/react-0.14.7/build/react-dom.min.js"></script>@H_502_156@<!--提供与@H_502_156@dom相关的功能@H_502_156@--> <script src="http://static.runoob.com/assets/react/browser.min.js"></script>@H_502_156@<!--用于将@H_502_156@JSX语法转为@H_502_156@JavaScript语法@H_502_156@--> </body> </html>
