ClojureScript 시약 재료 ui, CssTransitionGroups를 사용하고 싶습니다.

Question

저는 프로젝트에서 ClojureScript를 사용합니다. 처음에는 Stepper 구성 요소에 대해 시약 및 재료를 사용했습니다. 내 문제는 CssTransitionGroups를 사용하고 싶습니다. Add-with-addons를 가져올 필요가 있습니다. 문제는 두 "라이브러리"가 함께 작동하지 않는다는 것입니다. 이것은 그래서 CssTransitionGroups를 사용하는 첫 번째 단계는

(def css-transition-group 
(reagent/adapt-react-class js/React.addons.CSSTransitionGroup)) 

을 정의하는 것입니다 그러나 Material.ui가 포함되지 않는 한 그 작동하지 않습니다 project.clj

(defproject ironrainbow "0.1.0-SNAPSHOT" 
:dependencies [[org.clojure/clojure  "1.8.0"] 
      [org.clojure/clojurescript "1.9.89"] 
      [org.clojure/core.async "0.1.346.0-17112a-alpha"] 
      [cljs-ajax "0.5.8"] 
      [org.clojure/data.json "0.2.6"] 
      [re-frame "0.8.0"] 

      [reagent "0.6.0" :exclusions [cljsjs/react]] 
      [cljsjs/react-with-addons "15.2.1-0"] 
      [cljs-react-material-ui "0.2.21"] 
      [cljsjs/react-motion "0.3.0-0"] 
      [secretary "1.2.3"]] 


:plugins [[lein-cljsbuild "1.1.3"]] 

:min-lein-version "2.5.3" 

:source-paths ["src/clj"] 

:clean-targets ^{:protect false} ["resources/public/js/compiled" "target"] 

:figwheel {:css-dirs ["resources/public/css"]} 

:profiles 
{:dev 
{:dependencies [] 

:plugins  [[lein-figwheel "0.5.4-3"]]}} 


:cljsbuild 
{:builds 
[{:id   "dev" 
:source-paths ["src/cljs"] 
:figwheel  {:on-jsload "ironrainbow.core/mount-root"} 
:compiler  {:main     ironrainbow.core 
       :output-to   "resources/public/js/compiled/app.js" 
       :output-dir   "resources/public/js/compiled/out" 
       :asset-path   "js/compiled/out" 
       :source-map-timestamp true}} 

{:id   "min" 
:source-paths ["src/cljs"] 
:compiler  {:main   ironrainbow.core 
       :output-to  "resources/public/js/compiled/app.js" 
       :optimizations :advanced 
       :closure-defines {goog.DEBUG false} 
       :pretty-print false}}]}) 

입니다. 어떻게 든 material.ui이 React.addons를 덮어 씁니다. React.addons를 입력하기 위해 브라우저의 콘솔에서 시도하면 material.ui도 필요하면 정의되지 않습니다. 별도로 그들은 둘 다 작동합니다.

Answer 1

나는 반응 보조물을 포함하는 cljs-react-material-ui과 cljsjs/material-ui의 새 버전을 출시했습니다. js/React.addons 또는 라이브러리 구성 요소를 통해 액세스 할 수 있습니다. 자세한 내용은 https://github.com/madvas/cljs-react-material-ui#react-with-addons