reactjs - 如何在反应中使用子组件方法?
问题描述
在角度我通常这样做
<ng-container>
<a (click)="child.sayHi()">click</a>
<app-children #child>
<p>children text</p>
</app-children>
</ng-container>
我注意到在反应中,有一种方法像这个ref={this.childRef}
女巫一样没有棱角分明,那么还有其他方法可以使用子组件方法吗???
解决方案
React 与 Angular 的方法不同。
React 组件让您可以将 UI 拆分为独立的、可重用的部分,并单独考虑每个部分
这意味着父组件不需要调用子组件的方法。然而,父组件可以传递触发子组件中方法的道具,如果需要,子组件又可以更新父状态。
推荐阅读
- sql - 如何在连接到父表上数据 A 的子表上保留数据 B,同时删除父表上的数据 A?
- sql - 如何通过 Postgres 11 函数(存储过程)在某个时区返回 $TIMESTAMP 或之前的最新行?
- python - 使用正则表达式作为课程目录的 Python 解析器
- bash - 如何用脚本“捕捉”突出显示的文本?
- angular - 如何在 Angular 中显示从后端到前端的错误验证
- ruby-on-rails - 带有graphql的“nil:NilClass的未定义方法`[] ='”
- scala - 何时对递归函数/方法使用辅助递归函数/方法
- c# - 在 ThenInclude 上过滤,使用 EntityFrameworkPlus IncludeFilter
- node.js - Puppeteer 无法在 GoormIDE 中启动浏览器进程
- javascript - 无法检索 Stripe 结帐会话(未定义检索功能)