在项目中经常会遇到React 父组件获取子组件节点的ref值。
父组件:
class Father extends React.Component{
getClick(){
var value = this.refs.childRef.refs.inputText.text;
}
render(){
return(
<div>
<input type='button' value='点我' onClick = {this.getClick.bind(this)} />
<Child ref='childRef' />
</div>
)
}
}
子组件:
class Child extends React.Component{
render(){
return(
<div>
<input type='text' ref='inputText' defaultValue='请输入账号' />
</div>
)
}
}