私のプロジェクトでは ClojureScript を使用しています。最初は、特に Stepper コンポーネントに Reagent と Material ui を使用しました。私の問題は、react-with-addons をインポートする必要がある CssTransitionGroups を使用したいということです。問題は、2 つの「ライブラリ」が連携していないことです。これは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}}]})
したがって、CssTransitionGroups を使用するための最初のステップは、定義することです
(def css-transition-group
(reagent/adapt-react-class js/React.addons.CSSTransitionGroup))
ただし、Material.ui が含まれていないと機能しません。どういうわけか、material.ui が React.addons を上書きしています。ブラウザーのコンソールで React.addons と入力しようとすると、material.ui も必要な場合は undefined になります。別々に、両方とも機能します。