React组件之间通过Props传值的技巧(小案例,帮助体会理解
2019-10-11 本文已影响0人
Wo信你个鬼
第一个组件 CommentInput
给按钮添加点击事件
<button onClick={this.handleSubmit(this)}>发布</button>
handleSubmit(需要传入的东西)=>{
//这个方法判断props中是否传入了onSubmit属性,有的话就用该函数,并把用户输入的数据都传给该函数
if(this.props.onSubmit){
this.props.onSubmit(需要传入的东西)
}
};
第二个组件
第一步引入组件
<CommentInput onSubmit={this.handleSubmitComment(this)}/>
方法
handleSubmitComment(){
}