反应+流量/回流 - 子组件可以调用操作

Question

我的问题与此类似：How to manage component rendering when there are several small, repeatable sub-components

我正在构建一个RequirementsList组件，其中包含一个“要求”列表。组件。

• 每个要求可能包含0个或更多个评论组件。
• 从服务器获取需求数据时，不会立即获取相关注释（延迟加载）。
• 因此，首先渲染将仅显示要求的基本部分。当用户单击评论选项卡时，评论选项卡中的评论组件会调用商店来获取评论。
• 现在，当从服务器成功提取评论时，我想重新呈现受影响的评论标签。

如何将收到的评论数据传播到评论组件，我处于两难境地。我可以看到几个选项：

• Comments Component侦听store事件，获取数据并自行更新。这很简单直接。但违反了父母的数据流原则。
• 父根组件（RequirementsList）侦听存储，并将结果作为props传播。在这种情况下，我不知道怎么办？父母只是在听取要求列表，而不是针对每个要求的评论。

所以，我认为第一种选择是正确的方法，因为父母并不关心管理层次结构深处的某些评论组件的数据。

对此有什么更好的建议吗？

Answer 1

我可能会选择选项二。您声明评论与所选要求相关。我还倾向于在选择需求时加载注释而不是注释选项卡。这应该提供更好的用户体验。