父子组件传值

2020-06-22  本文已影响0人  ticktackkk

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.兄弟组件之间的传值

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

猜你喜欢

热点阅读