在React项目中使用现有的cljs组件？

Question

https://www.reddit.com/r/Clojure/comments/4el0xi/how_to_use_an_existing_reactjs_component_with/

现有这篇关于在CLJS / Reagent项目中使用现有ReactJS组件的帖子。 我正在寻找相反的事情。 我有一堆CLJS组件，并希望将它们编译成某种类型的ui库，以便React开发人员可以使用它们。 也就是说，如果我有一个按钮CLJS组件，我希望能够在React / js app文件中使用<Button />或mylib.Button（_）等来呈现该Button。

我已经阅读了这篇文章 - https://shadow-cljs.github.io/docs/UsersGuide.html#target-node-library-但是它还没有完成。 我一直在使用“：target：node-library”，我可以得到简单的函数（例如返回字符串/数字）来编译和在我的应用程序中工作等等。但它不适用于整个组件。 例如，我的cljs按钮组件包含：

defn button [props & children]

但是当我尝试传递这些参数（我在我的App.js文件中调用{lib.button（{}，{}）}时，我得到的错误就像“没有协议方法IMap.-dissoc defined”，因为我'我相信，我试图将JS对象传递给仅限CLJS的函数。 不知道如何解决这个问题..

如果它有助于澄清，我可以解释更多。 如果有人有参考演示项目或他们可以链接我的任何资源，这也将是非常有用的。

Answer 1

我只有一些建议：

• 您可以尝试使用lein new figwheel myproject构建一个新的示例项目来使用您的库，并使用JavaScript interop一次移动一步，更接近使用库的本机JS方式。

• 您可以创建一个可以使用JS对象的接口命名空间，并将它们包装到Clojure数据结构中，以便对您看到的协议错误进行排序，例如。 带有props参数并向下传递(js->clj props)到下面代码的其余部分的函数。

• 对于权威来源，请检查Reagent文档，尤其是： http ： //reagent-project.github.io/docs/master/InteropWithReact.html#creating-react-components-from-reagent-components