React中兄弟姐妹之间的通信

Question

让我们考虑以下情况

父组件包含两个子组件

1. 包含3个组件的子组件1

   a。一张桌子

   b。内联表编辑行，用户可以在其中输入新值    并通过拨打电话来更新表格以保存它们。

   c。分页

子组件1的状态变为

a. currentPage

b. table data

c. totalPages

1. 子组件2也包含5个组件

   a。一张桌子

   b。下拉菜单1的选项是从rest api获取的

   c。下拉菜单2的选项是从rest api获取的

   d。下拉菜单3的选项是从rest api获取的

   e。分页

   f。下拉列表1的选择更改触发下拉列表2的更改     和Dropdown 3，即他们根据在     下拉菜单1。

   g下拉列表2的选择更改触发下拉列表3的更改     也就是说，它根据下拉列表2中的选定值进行调用。

子组件2的状态变为

a. currentPage

b. table data

c. totalPages

d. selectedOptionForDropdown1

e. selectedOptionForDropdown2

f. selectedOptionForDropdown3

但是，当用户通过添加新行与子组件1进行交互时，会触发子组件2的更改，因此所有下拉列表都需要获取更新列表，因为在子组件1中添加了新行。

子组件1如何与子组件2交互。选项是

1. PubSub

2. 助焊剂

3. 在反应中引用

4. 通过父级组件

哪种方法更好？

将子组件1和子组件2的状态移到父组件中是否有意义还是使用Redux存储会是更好的选择？