reactjs - div - react js change title

Reactivo: componente de montaje

Question

Estoy tratando de establecer el enfoque inicial en un elemento de entrada

(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"}]]))

Aunque esto no funciona para mí. ¿Qué estoy haciendo mal?

Answer 1

Como dice sbensu, with-meta solo parece funcionar en reactivo en una función. Esto significa que puede usarse con identity para producir una envoltura reutilizable como se espera

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

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

Answer 2

Creo que with-meta debería tomar una función como argumento. De los documentos:

(def my-html (atom ""))

(defn plain-component []
  [:p "My html is " @my-html])

(def component-with-callback
  (with-meta plain-component
    {:component-did-mount
     (fn [this]
       (reset! my-html (.-innerHTML (reagent/dom-node this))))}))

Entonces tu código debería ser:

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

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