Ajax GET z Reagentem

Question

Robię Ajax GET z mojej aplikacji Reagent, aby załadować pewne rzeczy z bazy danych.

Nie jestem do końca pewien, jaki jest najlepszy sposób uzyskania wyniku takiego wywołania ajaxowego na mojej stronie, biorąc pod uwagę, że jeśli umieściłem go w atomie, to Reagent automatycznie ponownie wyświetli komponent po dereferencji atomu, co oznacza, że ​​otrzymuję nieskończoną sekwencję wywołań ajaxowych.

jakiegoś kodu,

(def matches (atom nil)) 

(defn render-matches [ms] 
    (reset! matches (into [:ul] (map (fn [m] ^{:key m}[:li m]) 
            (walk/keywordize-keys (t/read (t/reader :json) ms))))) 

Funkcja ta zasadniczo tworzy [:ul [:li "Stuff here"] [:li "And here"]]

której chciałbym wyświetlane na mojej stronie, która teraz ma następujący kod.

(defn standings-page [] 
    (GET "/list-matches" 
     {:handler render-matches}) 
    @matches) 

Answer 1

Myślę, że lepiej jest zapisać tylko dane w atomie i wygenerować kod HTML jako część logiki komponentu.

Również lepiej wywołać wywołanie AJAX poza fazą renderowania, na przykład przed zamontowaniem komponentu lub w wyniku zdarzenia (na przykład kliknięcie przycisku).

Jak to:

(def matches (atom nil)) 
(defn component [] 
    (let [get-stuff (fn [] (GET "/..." :handler (fn [response] 
          (reset! matches (:body response))))] 
    (get-stuff) <-- called before component mount 
    (fn [] 
     [:ul 
     (for [m match] 
      ^{:key ...} 
      [:li ...])]))) 

To się nazywa forma-2 w this post.