Kev*_*ker 1 clojure clojurescript reagent
我试图绕过一些CLJS和Reagent,当我尝试将一个或另一个更新应用于原子时,我遇到了一个问题.
我有一个增量函数,incDieCount它增加地图中特定键的值.我试过写一个函数,它也应该减少一个键的值.如果值为0(它不会递减到该值以下),则它起作用,但不是将当前值递减1,而是始终将值设置为零.我错过了什么?
(defonce app-state
(reagent/atom
{:dice
{:d4 0
:d6 0
:d8 0
:d10 0
:d12 0
:d20 0
:d100 0}}))
(defn incDieCount [die]
#(swap! app-state update-in [:dice die] inc))
(defn decDieCount [die]
(let [count (get-in app-state [:dice die])]
(if (> 0 count)
#(swap! app-state update-in [:dice die] dec)
#(swap! app-state assoc-in [:dice die] 0))))
(defn diceEl [[die count]]
^{:key die} [:li
(str (name die) ": " count)
[:button {:on-click (incDieCount die)}
"Add"]
[:button {:on-click (decDieCount die)}
"Subtract"]])
(defn page [ratom]
[:ul
(for [tuple (:dice @ratom)] (diceEl tuple))])
(defn reload []
(reagent/render [page app-state]
(.getElementById js/document "app")))
(defn ^:export main []
(dev-setup)
(reload))
Run Code Online (Sandbox Code Playgroud)
添加到@ Ming的答案:首先,您需要(> count 0)代替(> 0 count)- 后者转换为count < 0.
其次,不建议非原子地使用原子 - 在decDieCount代码中,在count > 0渲染组件时检查条件,而不是在单击按钮时检查(如果骰子的值在中间变化怎么办?)
最好重写decDieCount如下:
(defn decDieCount [die]
(fn []
(swap! app-state update-in [:dice die]
#(if (pos? %) (dec %) 0))))
Run Code Online (Sandbox Code Playgroud)
这样可以保证骰子的新值基于其当前值.