React无关系组件建立关系,并调用另一个组件的方法

#1

需求

一个表格组件Table,一个按钮组件Button。点击按钮时,Table增加一行。

要求

Button的事件调用Table的一个方法来增加一行,而不是Button的事件来更改数据。

目前思路

采用事件订阅

出现问题

事件订阅后,有两个Table组件的情况,Button会触发两个监听。

求各路大佬帮个忙。

#2

HOC ref都可以把

#3

我记得ant.design里面有一个现成的,具体在那个里面我忘了,改改样式就可以。我做过一个类似的

#4

事件订阅的时候多传一个tableInstanceKey来标识是哪个table,table组件根据对应的实例key来进行加行操作就可以了吧