Om.next Form With Local State

add-person.cljs

(defui AddPerson
  Object
  (render [this]
    (let [{:keys [add-fn]} (om/get-computed this)
          clear-fn #(om/update-state! this assoc :first-name "" :last-name "")]
      (dom/div nil
        (dom/input #js {:type "text"
                        :placeholder "Firstname"
                        :value       (om/get-state this :first-name)
                        :onChange    #(om/update-state! this assoc :first-name (.. % -target -value))})
        (dom/input #js {:type "text"
                        :placeholder "Lastname"
                        :value       (om/get-state this :last-name)
                        :onChange    #(om/update-state! this assoc :last-name (.. % -target -value))})
        (dom/button #js {:onClick #(let [{:keys [first-name last-name]} (om/get-state this)]
                                    (add-fn first-name last-name)
                                    (clear-fn))} "Add")))))