美文网首页
react子组件向父组件传值

react子组件向父组件传值

作者: w晚风 | 来源:发表于2021-05-24 20:43 被阅读0次

    将父组件的方法传递给子组件,子组件通过this.props调用传递过来的方法,并带上参数

    父组件

    import TableSelect from './tableSelect'
      // 获取模糊搜索选择的数据
      childValue = (data)=>{
        console.log(data)
      }
    // 使用子组件   在父组件中将getChildValue传递给子组件
       <TableSelect getChildValue={this.childValue} />
    

    子组件

    调用传递过来的getChildValue方法,并传入this,传递的参数带在后面,此时父组件中的childValue会得到该值

    <Button type={'link'} onClick={this.props.getChildValue.bind(this, 'aaaaa')}>查询</Button>
    

    相关文章

      网友评论

          本文标题:react子组件向父组件传值

          本文链接:https://www.haomeiwen.com/subject/ookfsltx.html