重构、试剂组件生命周期和无花果

Question

我正在尝试同时学习很多东西，所以我的问题可能有点偏离目标。

我用 lein 创建了一个 re-frame-template 项目，并且我有我的默认主要组件：

(defn main-panel []
  (let [name (subscribe [:name])]
    (fn [] [:div [:h1 @name]])))

我想为按键添加一个事件侦听器，但我无法正确地做到这一点：如果我只在:component-did-mount 中设置（使用 domina）(listen! ...)，则在每个无花果轮上重新加载一个新的偶数侦听器被添加到旧的。如果我在component-will-unmount 中设置unlisten!，我在按键上没有得到任何结果。

我注意到，每次重新加载无花果时，:component-will-unmount 都会在 :component-did-mount 之后立即触发！

我做错了什么？

谢谢！

Answer 1

好的，我发现了我的错误。 我不得不用with-meta 调用反应“方法”。

所以，例如：

(with-meta myComponent {:component-did-mount #(ev/listen! ...)
                        :component-will-unmount #(ev/unlisten! ...)})