我在我的项目中使用ClojureScript。在开始时,我使用了Reagent和Material,特别是对于Stepper组件。我的问题是我想要使用CssTransitionGroups,因为我需要导入带有-加载项的react。问题是这两个“库”没有一起工作。这是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,则会出现未定义的情况。他们都各自工作。
发布于 2016-10-22 07:34:05
我发布了新版本的cljs-react-material-ui和cljsjs/material-ui,其中包含了react。您可以通过js/React.addons或通过库组件访问它,有关详细信息,请参阅:https://github.com/madvas/cljs-react-material-ui#react-with-addons
https://stackoverflow.com/questions/39901822
复制相似问题