I’m having a little trouble with the subtleties involved in tying an input’s value to a Reagent atom. I have a simple text input component like this:

(defn text-input
  [initial-val]
  (let [value (reagent/atom (or initial-val ""))
        change-fn (fn [e]
                    (reset! value (-> e .-target .-value)))]
    (fn text-input-render [initial-val]
      [:input {:type     "text"
               :value    @value
               :on-input change-fn}])))

It makes sense: the input event fires, I update the atom, the component re-renders with the new value, but I’ve seen that re-com’s text input components don’t do that, and I’d like to understand why.

Oh bother; :on-input gives me the behavior I’m seeing, but :on-change does the right thing. I was under the impression that :on-change doesn’t necessarily fire for every change to the input value, so I defaulted on :on-input.

I guess that’s just a React thing that I needed to be aware of.