react.js - React获取子组件的ref

问题描述

问 题

比如我想点击下一步去验证用户选择了哪一个，那么必须要获取真实dom去查看这几个li里的_active 也就是选中的那一个，那么在主组件里怎样获取子组件里定义的ref呢？

通过网上说的子组件向父组件传递值的方式吗？总感觉有点麻烦呀

解决方案

react中改变都是通过state 状态的改变而改变，
你的这个active的class应该是给每个li都写上一个判断的状态
例如
如果你的这个li是循环出来的，事件也就是循环加的

< li onClick={this.handle.bing(this,index)}

index是key值

this.state.click == '1' ? 'active' : null

点击事件

handle(index){
    this.setState({click:index})
}

这样的话就可以知道点击哪个了，因为你知道了key值

在比如这个是你的子组件，你需要在父组件得到点击了哪个，直接在父组件的字组件

<div>
    <zizujian ref="com"></zizujian>  //或者在字组件的最外层写ref="com"
</div>

在父组件中提交的函数中打印

submit(){
    console.log(this.refs.com)
}

你就可以查看到这个子组件里面的所有东西，需要什么就写什么就可以了
例如this.refs.com.什么什么的，就像是取json一样

这篇关于react.js - React获取子组件的ref的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！