React 父组件获取子组件节点的ref值

在项目中经常会遇到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>
)
}
}


猜你喜欢

转载自blog.csdn.net/zhengjie0722/article/details/78360719