如何准备React.js组件以在ClojureScript中用作外部Reagent组件？

Question

我想将此React.js组件用作ClojureScript应用程序中的外部Reagent组件:

https://github.com/felixrieseberg/React-Spreadsheet-Component.

但是,该组件在存储库中不可用:

http://cljsjs.github.io/.

如果目录中有React.js组件,那么将它与Reagent一起使用就像在下面的示例中一样简单.

(ns demo.views
  (:require [reagent.core :as reagent]
            [cljsjs.reactable]])

(defn example []
  [:div
  [:> Reactable.Table
    {:data (clj->js [
                 {:name "Foo" :section 51}
                 {:name "Bar" :section 51}
                 ])}
    ]
   ]
  )

我想知道我将如何处理React Spreadsheet组件,以便我可以以类似的简单方式使用它.如何准备React.js组件以在ClojureScript中用作外部Reagent组件？请提供明确的配方类型的描述.

注意:这个问题如何使用Cactjurescipt/Reagent的ReactJS组件看起来很相似,但没有回答我的问题.

Answer 1

它归结为你想要如何进行 JavaScript 互操作......你有 3 个选择：

1. 包含 HTML 文件中的 js
2. 将其构建为编译的一部分
3. 将其作为库包含在内

我鼓励你尝试（3）；这并不难，只需按照 CLJSJS https://github.com/cljsjs/packages/wiki/Creating-Packages上的步骤操作即可