美文网首页
父子组件传值

父子组件传值

作者: ticktackkk | 来源:发表于2020-06-22 15:14 被阅读0次

    1.父组件向子组件传值:

    父组件通过属性的方式传递参数,子组件通过props来接收父组件传递过来的参数

    2.子组件向父组件传值:

    通过this.props.事件名(参数)的方式向父组件传递参数

    (链接)[https://www.jb51.net/article/119395.htm]
    子组件中

    click = () => {
        this.props.handleclick('hehhh');
      };
    <button onClick={this.click}>hello</button>
    
    

    父组件中

    change=(data)=>{
       console.log(data);
     }
    <Demo handleclick={this.change}/>
    

    前提:在父组件中引入子组件
    简而言之,在子组件中设置触动方法如onclick点击事件,被触发的事件不可加(),然后点击调用自己组件的方法,方法内调用父组件的props的方法事件名,接着事件被触发。切记在父组件中,我们需要被调用的方法不能加(),实参写在子组件中props的事件名那,形参写在父组件中方法定义的地方

    3.兄弟组件之间的传值

    两个兄弟组件之间会有一个共同的父组件,我们都是结合父子传值的方式来实现兄弟之间的传值的,即先其中一个子组件(兄弟组件)向父组件传值,然后父组件接收到这个值之后再将值传递给另外一个子组件(兄弟组件)

    相关文章

      网友评论

          本文标题:父子组件传值

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