父子组件传值
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的事件名那,形参写在父组件中方法定义的地方