Using react-select with reagent

select.cljs

;; in your project definition
;; [cljsjs/react-select "1.0.0-rc.1" :exclusions [cljsjs/react]]

;; See react-select documentation: https://github.com/JedWatson/react-select

(ns example.select
  (:require [reagent.core :as r]
            [cljsjs.react-select]))

(defn select
  "Select based on a atom/cursor. Pass as state"
  [{:keys [state]
    :as props}]
  [:> js/Select.Async
   (-> props
       (dissoc state)
       (assoc :value @state
              :on-change (fn [x]
                           (reset! state (if (some-> x .-value))))))])

(defonce !state (atom nil))

(defn load-options [input cb]
  ;; return sample
  (cb nil #js{:options (->> (range 3)
                            (map (fn [item]
                                   {:value item
                                    :label (str item)}))
                            clj->js)
              :complete true}))
(defn root-ui []
  [select {:state !state
           :multi true
           :load-options load-options}])