ClojureScript/Reagentでのバインディングの変更

Question

入力フィールドがReagentでどのように機能するかを理解しようとしています。

私は、第1の下地原子を変更する簡単な関数にon-changeをバインドしようとしました：動作しませんでした

(defonce app-state 
    (reagent/atom "Teodor")) 

(defn page [ratom] 
    [:div 
    [:p 
     "Please enter your name: " 
     [:input {:on-change #(swap! ratom %) 
       :value @ratom}]] 
    [:p "Your name is " @ratom]]) 

...。これは、しかし、行います

(fn [evt] 
    (reset! ratom (-> evt .-target .-value))) 
;; is the same as 
(fn [evt] 
    (reset! 
    ratom 
    (.-value (.-target evt)))) 

1. .-valueと.-targetは何をしますか：

   (defonce app-state 
       (reagent/atom "Teodor")) 
   
   (defn page [ratom] 
       [:div 
       [:p 
        "Please enter your name: " 
        [:input {;:on-change #(swap! ratom %) 
          :on-change (fn [evt] 
             (reset! ratom (-> evt .-target .-value))) 
          :value @ratom}]] 
       [:p "Your name is " @ratom]]) 
   

   私は->マクロをdesugarことができましたか？

2. .-valueと.-targetのドキュメントはどこにありますか？
3. なぜより複雑なセマンティクスを選択するのですか？

Answer 1

evtは、JavaScriptイベントオブジェクトです。 .-targetおよび.-valueは、イベントが保持する基になる値にアクセスするためのJavaScript DOMプロパティです。

ここではJavaScript interopの世界にいますので、JavaScriptについてはドキュメントを参照してください。

->マクロを使用するかどうかの複雑なセマンティクスは、左から右にプロパティを読み飛ばしたい人にとって便利です。 ->マクロを使用すると、コードが同等のJavaScriptコードに似ています。