Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/clojure/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Clojure 试剂组件是否可以有多个顶级HTML实体?_Clojure_Reagent - Fatal编程技术网

Clojure 试剂组件是否可以有多个顶级HTML实体?

Clojure 试剂组件是否可以有多个顶级HTML实体?,clojure,reagent,Clojure,Reagent,我见过很多这样的代码: (defn simple-component [] [:div [:p "I am a component!"] [:p "This component has two paragraphs"]]) 有没有办法使该组件只有两个p元素,而没有封闭的div?这似乎是“新手错误”。 请查看此wiki页面:表单-1:简单函数 您可以通过以下两种方式创建react片段来完成此操作: 使用js数组(包含react元素): 使用[:…]标记(采用hiccup形式):

我见过很多这样的代码:

(defn simple-component []
  [:div
   [:p "I am a component!"]
   [:p "This component has two paragraphs"]])
有没有办法使该组件只有两个p元素,而没有封闭的div?

这似乎是“新手错误”。 请查看此wiki页面:表单-1:简单函数

您可以通过以下两种方式创建react片段来完成此操作:

  • 使用js数组(包含react元素):

  • 使用
    [:…]
    标记(采用hiccup形式):

    (定义简单组件[]
    [:
    [:p“我是一个组件!”]
    [:p“此组件有两段”])
    

  • 你试过
    [:p..][:p..]]
    吗?@birdspider不起作用,因为向量中的第一项是元素名,在那里,向量的第一项是另一个向量。列表如何
    (列表[:p..][:p..])
    -因为它使用了hiccup语法,向量似乎有特殊的含义,另外:列表不起作用我已经阅读了那个页面,它显示了如何使用周围的div。我问的是如何在没有周围div的情况下使用它。我记得hiccup可以实现这一点。我认为我们需要div。Reaget可以使用类似hiccup的标记,而不是hiccup,只是“like”。
    (defn simple-component []
          #js [(r/as-element [:p "I am a component!"])
               (r/as-element [:p "This component has two paragraphs"])])
    
    (defn simple-component []
          [:<>
              [:p "I am a component!"]
              [:p "This component has two paragraphs"]])