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

发布时间：2020-12-15 16:16:08 所属栏目：百科来源：网络整理

导读：我真的一直在和cljsjs库挣扎,而且我可能花了整整2天的时间玩反应引导程序和clojurescript中的各种材料库. 基本上,我只是希望能够将UI组件放入我的ClojureScript项目中.如果你能推荐比cljsjs / react-mdl更好的东西,我会喜欢它.如果你知道如何帮助我当前的错

我真的一直在和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包装器中手动构建组件.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!