Cljs: Use `apply` to draw image

[sysarcher]

Hello Community…

I am trying to repeat an image by calling a function

(defn spa []
  [:div.wrapper
   [:div {:align "center"} ; 2fr
    (apply draw-from-vec ["dev-1"])
    (apply draw-from-vec ["dev-2"])
    (apply drawfrom-vec ["dev-3"]))

draw-from-vec looks like this:-

(defn draw-from-vec [dcn-id]
  [:div {:class "crop-container" :align "center"}
   [:img {:src "img/tmp.jpg" :id dcn-id :height 100 :on-click (fn []
                                                                (prn dcn-id)
                                                                (reset! app-state (rawdata/get-apps dcn-id)))}]])

Why is apply draw-from-vec ["dev-1" "dev-2" "dev-3"] showing 1 image? Whereas apply on each is displaying 3? I want to be able to get the result of using apply thrice by a single statement. Any idea?

Thanks

[sysarcher]

Doing something like this works fine:

(for [x ["dev-1" "dev-2" "dev-3"]]
      (draw-from-vec x))

[aisamu]

Welcome!

Unless your example is simpler than the real use-case, it might be preferable to just call the function without the apply indirection

(=
 (apply draw-from-vec ["dev-1"])
 (draw-from-vec "dev-1"))

@sysarcher

Why is apply draw-from-vec ["dev-1" "dev-2" "dev-3"] showing 1 image?

Calling apply with more than one element in the collection means applying the function once to all the arguments, not once per argument

(=
 (apply draw-from-vec ["dev-1" "dev-2" "dev-3"])
 (draw-from-vec "dev-1" "dev-2" "dev-3"))

[aisamu]

@sysarcher

Doing something like this works fine:

The for evaluates to:

((draw-from-vec "dev-1")
 (draw-from-vec "dev-2")
 (draw-from-vec "dev-3"))

Which is different than

(draw-from-vec "dev-1" "dev-2" "dev-3")

[orestis]

@sysarcher

apply draw-from-vec [“dev-1” “dev-2” “dev-3”]

You might want map instead:

(map draw-from-vec ["dev-1" "dev-2" "dev-3"])

is equivalent to

(for [x ["dev-1" "dev-2" "dev-3"]]
   (draw-from-vec x))

[sysarcher]

(map) works

I understand how I was mistaken now as well.

Thanks @orestis and @aisamu!!