开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >React ：（类、函数）子组件调用父组件的方法

React ：（类、函数）子组件调用父组件的方法

作者头像

江咏之

发布于 2022-09-23 08:41:58

5.1K0

发布于 2022-09-23 08:41:58

举报

文章被收录于专栏：技术社区技术社区

React中子组件调用父组件的方法

目录标题

React中子组件调用父组件的方法
- 1、类组件
  - 子组件
  - 父组件
- 2、函数组件
  - 子组件
  - 父组件

1、类组件

子组件

在这里插入图片描述

子组件中使用传过来的cancelCreateFile【this.props.cancelCreateFile】，就可以在子组件中调用

父组件

在这里插入图片描述

父组件中将父组件中的cancelCreateFile方法传给子组件【cancelCreateFile={this.cancelCreateFile}】，就可以在子组件中用了

2、函数组件

子组件

在这里插入图片描述

父组件

在这里插入图片描述

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022-08-19，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

0 条评论

热度

最新

LV.

目录

React中子组件调用父组件的方法
- 目录标题
- 1、类组件
  - 子组件
  - 父组件
- 2、函数组件
  - 子组件
  - 父组件