React ref获取子组件的实例对象
reference可以在父组件中 直接得到子组件的实例对象(子--》父)
①指定ref
<son ref='mySon'></son>
②父组件通过ref调用子组件
this.refs.mySon
补充:
<input type='text' ref='myInput'/>
this.refs.myInput.value
<script type='text/babel'> // reference 引用 var Test = React.createClass({ count:100, render:function(){ return <div> <h2>这是一个子组件</h2> </div> } }) var MyComponent = React.createClass({ handleClick:function(){ //借助于ref找到子组件做操作 // console.log(this.refs.mySon.count) console.log(this.refs.mySon) }, render:function(){ return <div> <button onClick={this.handleClick}>获取子组件数据</button> <Test ref='mySon'></Test> </div> } }) ReactDOM.render( <MyComponent></MyComponent>, document.getElementById('example') ) </script>