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

来源:互联网 发布:东风风行cm7销量数据 编辑:程序博客网 时间:2024/06/04 17:43

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


原创粉丝点击