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>