reactjs - 试剂:component-did-mount

Question

我正在尝试将初始焦点设置在输入元素上

(defn initial-focus-wrapper [element]
  (with-meta element
    {:component-did-mount #(.focus (reagent/dom-node %))}))

(defn chat-input []
  (fn []
    [initial-focus-wrapper
      [:input {:type "text"}]]))

但这对我不起作用。我做错了什么？

Answer 1

正如 sbensu 所说，with-meta 似乎只在函数的试剂中起作用。这意味着它可以与 identity 一起使用来生成希望的可重用包装器

(def initial-focus-wrapper 
  (with-meta identity
    {:component-did-mount #(.focus (reagent/dom-node %))}))

(defn chat-input []
  (fn []
    [initial-focus-wrapper
      [:input {:type "text"}]]))