React 父组件调用子组件方法(父组件获取子组件数据)

通过父组件来调用子组件方法的常用处理方法

代码理解简单 照猫画虎即可,该方法也适用于父组件获取子组件数据(既:调用子组件方法,返回子组件拿到的值)

 
export default class Parent extends Component {render() {return()}onRef = (ref) => {this.child = ref}click = (e) => {this.child.myName()}}class Child extends Component {componentDidMount(){//必须在这里声明,所以 ref 回调可以引用它this.props.onRef(this)}myName = () => alert('我的名字')render() {return (<>

子组件

)}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部