试剂不重新渲染包含let中deref的组件

Question

我有一个名为foo的原子：

(defonce foo (r/atom "foo"))

我有一个父组件：

(defn parent-component []
  (js/setTimeout #(reset! foo "bar") 5000)
  (child-component {:foo foo}))

我有一个子组件：

(defn child-component [props]
  (let [derefed (deref (:foo props))]
    (fn []
      [:div
       [:p derefed]
       [:p (deref (:foo props))]])))

重置foo后，只有第二段落被更新。

为什么会这样？

- Boris Zagoruiko

Answer 1

关于 Form-2 组件的内容来自 re-frame 文档：https://github.com/Day8/re-frame/wiki/Creating-Reagent-Components#form-2--a-function-returning-a-function.

在内部函数中需要再次重复外部函数的参数：

(defn child-component [props]
  (fn [props]
    (let [derefed (deref (:foo props))]
      [:div
       [:p derefed]
       [:p (deref (:foo props))]])))

- Chris Murphy

---

请注意，当您使用 re-frame 及其订阅时，无需为此类情况使用 form-2 组件：https://github.com/Day8/re-frame/issues/218 - Juraj Martinka