5

我有两个组件 A 和 B。我想在页面上的这两个组件之间切换。

(defui A)
(defui B)

一种解决方案是使用父组件 C：

(defui C
  (render
   (let [{:keys [activeView]} props]
     (if (= activeView 'A')
         (renderA)
         (renderB)))))

问题是查询。C 需要同时查询 A 和 B，即使其中一个被显示。

我需要 C 要么不参与查询，要么只查询 A 或 B。

这些是真的，还是有解决方法：

  • 子组件只能查询其父组件传递的 props。
  • 父组件必须查询其子组件，以便将它们传递给子组件。
  • 只有根组件查询app-state.
4

1 回答 1

2

  • 子组件只能查询其父组件传递的 props。

    • 在你的情况下，是的，这是真的。但是，它也可以使用链接访问顶级状态键。有关更多信息，请参阅本教程。

  • 父组件必须查询其子组件，以便将它们传递给子组件。

    • 更好的说法是，父组件聚合其子查询，组成根。根组件需要对应用程序进行完整查询（这就是“查询组成根”的意思）

  • 只有根组件查询应用程序状态。

    • 不完全的。根组件将获取所有的 props 并负责将它们传递给子组件，但“查询应用程序状态”本身是在解析器的read方法中完成的。

我建议您完成Om Next Wiki中的所有教程，以便更好地了解如何正确地做事。

关于您的具体问题，您始终可以在查询参数中C实现IQueryParams并具有当前子组件（A 或 B）的查询。

于 2016-01-16T12:27:41.630 回答