react如何实现子传父

时间:2024-10-03 14:33:09
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} />