react如何实现子传父
import Child from './';
constructor(props){
super(props);
this,state={
rightForm:{},
}
}
// 传给子页面的函数,,,为了点击按钮 清空 搜索框
getRightForm = form => {
this.setState({ rightForm: form })
}
//按照逻辑,这个是最后写的,但为了防止报错
//
const {rightForm} = this.state;
console.log(rightForm); //子组件传过来的值,这一用了
//我是为了用它去清空搜索框的所有搜索内容,相当于重置了
//简单写了下,这个Button是从antd中取的
//@staffSpeak 这个是请求接口时定义的函数
//@ staffName 这个函数其实是 点击员工所有item时,请求聊天接口并渲染页面 其实这些可以不用写,具体看你怎么使用rightForm了
<Button onClick={()=>{this.staffSpeak(rightForm.resetFields(),this.staffName(id)}}>员工</Button>
//传值给子组件
<Child getRightForm={this.getRightForm} />