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

标签 reactjs clojurescript reagent

我想在 ClojureScript 应用程序中使用此 React.js 组件作为外部 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 组件?请提供清晰的配方类型描述。

注:本题How to use a ReactJS Component with Clojurescipt/Reagent看起来很相似,但没有回答我的问题。

最佳答案

这归结为您想要如何进行 JavaScript 互操作...您有 3 个选择:

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

我鼓励你尝试(3);这并不难,按照CLJSJS https://github.com/cljsjs/packages/wiki/Creating-Packages 上的步骤操作即可

关于reactjs - 如何准备 React.js 组件以在 ClojureScript 中用作外部 Reagent 组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36981538/

相关文章:

javascript - 在 React 状态下使用嵌套对象

macros - 如何在 Clojurescript 中共享宏内的原子?

clojurescript - 在Clojurescript代理中,如何添加事件监听器以进行拖放?

html - 在 Reagent 中使用 HTML 模板(作为文件)

onchange - 在 ClojureScript/Reagent 中绑定(bind)更改

reactjs - material-ui reactjs中的嵌套抽屉

css - 如何使用 react-testing-library 测试 React 组件的 css 属性?

javascript - 为 React Hook Form 和 watch() 自定义 onChange

intellij-idea - 在 WebStorm 上安装 Cursive 插件

java - 为什么 Figwheel 不将编译后的应用程序传递到浏览器?