1

私のプロジェクトでは 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 になります。別々に、両方とも機能します。

4

1 に答える 1