Wie erstelle ich ein appendChild-Reagenzelement?

Question

Zum Beispiel:

(defn place-background [] 
     [:div {:class "pbackground" 
      :style {:height (:fullheight @app-state)}}]) 

    (reagent/render-appendChild [place-background] 
          (. js/document (getElementById "container"))) 

denn wenn ich es zu benutzen machen-Komponente wird den Inhalt

Answer 1

(ns reagenttest.core 
    (:require [reagent.core :as r])) 


(defn sample-comp [] 
    [:div "hello there!"]) 

(defn appended-container [target] 
    (let [id "some-unique-id" 
      container (.getElementById js/document id)] 

     (if container 
      container 
      (.appendChild target (doto (.createElement js/document "div") 
            (-> (.setAttribute "id" id)))) 
      ))) 

(r/render [sample-comp] (appended-container (.getElementById js/document "app")))