react——refs

    <h3 id="example"></h3>     <h1>react——refs</h1>    <p>react支持一种非常特殊的属性ref，你可以用来绑定到render()输出的任何组件上。</p>    <script type="text/babel">      var input = this.refs.myInput;      var inputValue = input.value;      var inputRect = input.getBoundingClientRect();    </script>     <script type="text/babel">        var Component = React.createClass({          handleClick: function(){             this.refs.myInput.focus()          },          render: function(){            return (                    <div>                      <input type="text" ref="myInput" />                      <button onClick={ this.handleClick }>点我输入框获得焦点</button>                    </div>            )          }        });       ReactDOM.render(               <Component />,               document.getElementById("example")       )     </script>