我正在尝试使用 Reagent/React 构建一个 Hello World 应用程序。:value
我使用/:on-change
组合将输入与原子联系起来。但是,当我键入时,输入保持为空:
(defn new-user []
; Atom declared in an inner `let`.
(let [v (atom "")]
[:div
[:input {:type "text"
:value @v
:on-change (fn [evt]
(reset! v (-> evt .-target .-value)))
}]]))
(defn app [state]
[:div
[:p "State" (pr-str @app-state)]
[new-user]])
(r/render-component [app app-state]
(.-body js/document))
如果我将原子移出let
,它将起作用:
; Atom is now top-level.
(defonce v (atom ""))
(defn new-user []
[:div
[:input {:type "text"
:value @v
:on-change (fn [evt]
(reset! v (-> evt .-target .-value)))
}]])
是因为v
每次 React 重新渲染时都会重新声明吗?如果是这样,我如何重构该代码,这样我就不必使用全局变量来保存v
?