父组件代码
import React, { Component,Fragment } from 'react' import TeamInfo from '../../component/TeamInfo' export default class Team extends Component { constructor (props){ super(props) this.Child = React.createRef(); //// 创建一个ref去储存DOM子元素 this.getTeamList = this.getTeamList.bind(this) } showTeamInfoView(){ this.Child.current.show() //调用子元素函数 show (括号里可以传参) } render() { return ( <Fragment> <Button type="primary" className='btn' onClick={()=>{this.showTeamInfoView()}} icon={<PlusOutlined />}>新增</Button> // ref 绑定子元素 <TeamInfo ref={this.Child}></TeamInfo> </Fragment> ) }
子组件代码
import React,{Component,Fragment} from 'react' class TeamInfo extends Component{ constructor(props){ super(props) this.show=this.show.bind(this) } show(){ console.log("被父元素调用的函数") } render(){ return( <Fragment> </Fragment> ) } } export default TeamInfo
原文地址:https://www.cnblogs.com/banyuege/p/15112499.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。