clojurescript – 在Reagent中使用React组件
发布时间：2020-12-15 20:16:19 所属栏目：百科 来源：网络整理
导读：我试图在基于试剂的应用程序中使用 http://react-components.com(例如 react-youtube)中的组件,但可能我的天真方法不正确.我尝试使用lein-npm模块安装NPM软件包,在html页面中包含脚本,并通过试剂/ adapt-react-class使用它们,如 this SO问题.但是除了这个样
|
我试图在基于试剂的应用程序中使用
http://react-components.com(例如
react-youtube)中的组件,但可能我的天真方法不正确.我尝试使用lein-npm模块安装NPM软件包,在html页面中包含脚本,并通过试剂/ adapt-react-class使用它们,如
this SO问题.但是除了这个样本我没有成功.
通常我会收到“必须/导入/模块未定义”或“Youtube未定义”等错误(通过(def yt-test [](r / adapt-react-class js / Youtube)).我对什么感到困惑需要做的.我读了一些关于webpack / browserify的东西,看过cljsjs包 – 为了使这个工作需要吗？ 解决方法
这些组件打包为CommonJS模块.从ClojureScript访问CommonJS模块的一种方法是将它们捆绑到一个可以包含在ClojureScript构建中的JavaScript文件中.
您需要创建一个JavaScript入口点文件,该文件需要各种NPM依赖项并将它们公开给ClojureScript(例如,通过在窗口中设置它们).创建一个文件(让我们称之为index.js),其中包含： window.YouTube = require('react-youtube');
然后使用像Browserify这样的工具捆绑入口点文件及其所需的所有依赖项： npm install -g browserify browserify index.js --standalone window > bundle.js 在您的ClojureScript构建中包含bundle.js,您将能够通过js / YouTube从ClojureScript访问React组件 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |