1

我在我的项目中使用 ClojureScript。一开始我使用了 Reagent 和 Material ui，尤其是 Stepper 组件。我的问题是我想使用 CssTransitionGroups，因为我需要导入 react-with-addons。问题是两个“库”没有一起工作。这是项目.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，您将得到未定义。他们分别工作。

4

1 回答 1

3

我发布了新版本的cljs-react-material-uiand cljsjs/material-ui，其中包含 react 插件。您可以js/React.addons通过库组件或通过库组件访问它，更多信息请参见：https ://github.com/madvas/cljs-react-material-ui#react-with-addons

于 2016-10-22T07:34:05.627 回答