当前位置: 首页 > 知识库问答 >
问题:

reactjs中兄弟组件的通信

袁霍英
2023-03-14

我遇到了一个有趣的场景,我需要让Child1调用Child2的方法。

export class Parent extends React.Component{ 

child2: Child2; // has a reloadChild2 method

...  

<Child1 reloadSibling={this.child2.reloadChild2}>
...

}

我试图创建一个Child2的实例,并将其方法作为道具传递给Child1。我不确定这是否是正确的做法。

共有1个答案

王飞虎
2023-03-14

这些问题和答案帮助我了解了我们的各种选择:

两个组件通信

React–将表单元素状态传递给同级/父元素的正确方法?

 类似资料:
  • 一个子:下拉组件 第二个子:播放列表组件

  • 本文向大家介绍Vue 兄弟组件通信的方法(不使用Vuex),包括了Vue 兄弟组件通信的方法(不使用Vuex)的使用技巧和注意事项,需要的朋友参考一下 项目中,我们经常会遇到兄弟组件通信的情况。在大型项目中我们可以通过引入vuex轻松管理各组件之间通信问题,但在一些小型的项目中,我们就没有必要去引入vuex。下面简单介绍一下使用传统方法,实现父子组件通信的方法。 简单实例:我们在a组件中点击按钮,

  • 本文向大家介绍vue2.0s中eventBus实现兄弟组件通信的示例代码,包括了vue2.0s中eventBus实现兄弟组件通信的示例代码的使用技巧和注意事项,需要的朋友参考一下 vue1.0中,组件之间的通信主要通过vm.$dispatch沿着父链向上传播和用vm.$broadcast向下广播来实现。然而在vue2.0中,已经废除了这种用法。 vuex加入后,对组件之间的通信有了更加清晰的操作,

  • 面试过了,面试体验非常棒! 面试官是我老乡,人特别好~ 面经如下: 1.自我介绍 2.为什么不考研 3.JVM内存结构 4.arraylist和linkedlist的区别 5.string,stringbuffer,stringbuilder的区别 6.锁在项目中的应用 7.三次握手四次挥手 8.项目问题和亮点 9.反问 总而言之,还是很不错的啦! #哪些公司面试官让你印象深刻?##我的实习求职记

  • 我正在创建一个Android应用程序,该应用程序将打印到兄弟QL-720NW标签打印机。我为此创建了一个示例项目。 我已经在libs文件夹中导入了必要的JAR文件,并按照兄弟的示例项目中的建议设置了打印机设置。但是我一直收到标签不正确的错误。 我已经看到以下线程ERROR\u WRONG\u LABEL,当尝试使用Android Brother Sdk为标签打印机无线打印时,出现了类似问题。 根据

  • 我刚开始使用ReactJS,有点被我遇到的一个问题卡住了。 我的应用程序本质上是一个带有过滤器和更改布局的按钮的列表。目前我正在使用三个组件:、和,显然,当我更改中的设置时,我希望触发中的某个方法来更新我的视图。 我如何使这3个组件相互交互,或者我需要某种全局数据模型,在那里我可以只对它进行更改?