Reagent repo has multiple examples covering all such cases. For example, https://github.com/reagent-project/reagent/blob/c214466bbcf099eafdfe28ff7cb91f99670a8433/doc/InteropWithReact.md#example-function-as-child-components

I tried the following:

(defn i-have-a-creation []
  (let [drop-ref (js/document.querySelector "div#drop")]
    (try (dnd/subscribe! drop-ref :unique-key
          {:start (fn [e]       (println "d1 start"))
           :enter (fn [e]       (println "d1 enter"))
           :drop  (fn [e files] (println "d1 drop"))
           :leave (fn [e]       (println "d1 leave"))
           :end   (fn [e]       (println "d1 end"))})    
         (catch js/Object e (prn e)))
    [:div.sell-royalties-page
     [:div.drop {:id :drop} "Drop here"]]))    

you already pasted that code. I told you whats wrong with it. sorry can't go into more detail right now

the issue is the lifecycle, useRef would be correct if used correctly

@U05224H0W this one uses querySelector not useRef?

with id?

like in the docs of the library?

I made this example some time ago https://github.com/thheller/reagent-pdfjs/blob/master/src/main/demo/app.cljs

basically you need to use the useRef and useEffect in exactly the same way

just remove all the pdfjs related bits and replace it with the drag and drop stuff

the dnd/subscribe needs to go into the useEffect basically

sorry gotta go

There's plethora of JS components that do that, for all sorts of UI libraries - you can just use one of them without having to reinvent the wheel.

can you suggest some of them ? I am new to clojure

As I said - it has nothing to do with Clojure. It would be a JavaScript library/component, and it depends on what you're already using. I would have to do the same web search as you, only I'm at disadvantage of not having the information on what you use.

well I am using reagent

And it uses React. So you can search online for "life search form react" or, since it's more commonly called "typeahead", "typeahead react".

I have another query sir , I am retrieving a request using (defn get-json [url] (GET url ;;:params params ;;:handler (partial success-handler function-handler) ;;:error-handler error-handler :format (json-request-format) :response-format (json-response-format {:keywords? true}))) (def all-symbols (get-json "https://ai.almanac.ai/db/api/data/symbol/search?q="))

and I am getting #object[Object [object Object]] how to convert it into map

js->clj

no effect

No clue, you gotta figure out what all-symbols actually is and go from there.

can you suggest me where to learn how to fetch GET request and convert it into clojure maps

The documentation of whatever you're using to issue the requests? You're using GET in your code - it belongs to some library, which probably has documentation.

https://github.com/JulianBirch/cljs-ajax

i am using this

So, have you read its README, documentation, FAQ, examples?

yes can't find related error

I would suggest that you try out the component with hard coded values to find out how the component api is built. Then add re-frame subscriptions and dispatch events. Even better, I think you could extract the dispatch events and subscriptions to separate functions, and pass them in as params to your component.

Can you help me with an example? I am not good at re-frame and clojurescript. Thanks

Maybe this example code can help and inspire you try out different approaches (this one is a text-field with “on-change” events): https://github.com/DavidVujic/clojurescript-amplified/blob/main/src/main/app/components/user.cljs#L21

Or this one (a less code): https://github.com/DavidVujic/clojurescript-amplified/blob/main/src/main/app/components/top.cljs#L4

The general idea is to keep your components simple, pass in actions like “on-click”. You can also pass in values. When doing that, your component does not have to know about any re-frame code at all.

Okay, Thanks @U018VMC8T0W

Do you have some code to show how you're using it?

wait

I am trying to replicate this query

with this

and what are you receiving?

I think the return value you want is passed to the handler function

Are you supplying a handler function inside the GET ?

what is handler function I am pretty new to clojure and stuck in complicated task

The handler function is the clojure function that will receive the return of the get-request

what should be my handler function

i just want to fetch the get request and store it in variable

You could try something like

(def state (atom {}))

(defn my-handler [response]
  (swap! state assoc :all-symbols response))

This puts the response inside an atom, later you can retrieve it with (get @state :all-symbols) or just (:all-symbols @state) .

If you're running that code in the browser, don't use REPL to inspect JS values (and #object[...] is a JS value) - instead, pass it to (js/console.log ...) and inspect it inside your browser's JS console. It will tell you what kind of object it is and will help you reason about why you receive it.

Thanks brother it works

I am using this code

how to access the data key from the state atom

I am using (:data @atom_name) but it is not working

No clue. I can take a look if you create a public minimal reproducible example on GitHub or any other place.

i just want to access the map inside the map, retrieved data looks something like this

(get-in @state [:data :data])

you know about centipar library of clojurescript ?

Nope.

https://github.com/AccrueInc/accrue/issues/209

I have to solve this issue , I am kind of stuck in it

Gives me 404, it's probably a private repo.

maybe my company make it private

["Algeria" , "Comp" , "Malaria" , "Xenophones"] I am to filter out the words which contains "a" in it I am trying (filter includes "a" words) it is not working

1. You gotta provide the code if you want help 2. You gotta use a thread for a single purpose - ask new questions at the top level of a suitable channel

The code is quite abrupt and makes no sense at all I am trying to optimize it, you help me a lot I quite appreciate it

(def words ["axs" , "sdsa" ,"clj" , "xyz"]) (defn include_word [letter list] (for [n list] (includes n letter)) (def include_a? (partial include_word "a")) (filter include_a? words)

I am using this code