当前位置 : 主页 > 网页制作 > React >

reactjs – 在ClojureScript中,如何正确使用cljsjs / react-mdl?

来源:互联网 收集:自由互联 发布时间:2021-06-15
我真的一直在和cljsjs库挣扎,而且我可能花了整整2天的时间玩反应引导程序和clojurescript中的各种材料库. 基本上,我只是希望能够将UI组件放入我的ClojureScript项目中.如果你能推荐比cljsj
我真的一直在和cljsjs库挣扎,而且我可能花了整整2天的时间玩反应引导程序和clojurescript中的各种材料库.

基本上,我只是希望能够将UI组件放入我的ClojureScript项目中.如果你能推荐比cljsjs / react-mdl更好的东西,我会喜欢它.如果你知道如何帮助我当前的错误,我也会喜欢它!

我目前有:

(ns project.views
  (:require [cljsjs.react-mdl]))

(def Button (aget js/ReactMDL "Button"))

我收到错误:

ReactMDL未定义

在JavaScript控制台中.

我只想在屏幕上显示一个react-mdl按钮.

我正在使用这个包装器:
https://github.com/cljsjs/packages/tree/master/react-mdl

对于这个库:
https://github.com/tleunen/react-mdl

关于cljsjs的这些互操作指令:https://github.com/cljsjs/packages/wiki/Using-Packages

如果重要的话,我也在使用clojure的reagent和reframe.老实说,我只是想用Clojure和相关的库建立一个项目,如果你能推荐我使用不同的堆栈,请做!

我只是忽略了简单的事情吗?

我只想回答按钮.

我没有使用任何cljs库.我只是使用了提供的css和js.它们需要在您的标记中,以及指向Material Design图标库的链接.

这是Reagent中的示例:

[:input {:type "submit"
:className "mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"
:value "ok"}]

这在Om下一个:

(defui MDSubmitButton
  Object
  (render [this]
    (dom/button (clj->js {:className "mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"})
                (dom/i (clj->js {:className "material-icons"}) "add"))))
(def md-submit-button (om/factory MDSubmitButton {:keyfn :id}))

我对这一切都很陌生,但我的偏好是只使用css,将Javascript保持在最低限度,然后在项目正在使用的任何React包装器中手动构建组件.

网友评论