当前位置: 首页 > 面试题库 >

带有React的可嵌入JavaScript小部件

闾丘京
2023-03-14
问题内容

是否可以使用ReactJavaScript库创建可嵌入的JavaScript小部件,其中:

  1. React库被“嵌入”在小部件中
  2. 嵌入式React库的版本可能与加载小部件的页面上的React库的版本不同,就像使用jQuery一样。

我正在寻找功能,如所述:

  • http://blog.swirrl.com/articles/creating-asynchronous-embeddable-javascript-widgets/
  • http://shootitlive.com/2012/07/developing-an-embeddable-javascript-widget/

问题答案:

对于您提到的需求,最好的解决方案是使用browserify(或类似功能)。使用reactify转换,您可以使JSX到JS一步完成。Browserify(和Webpack)是React社区中非常常见的,因此几乎所有库都发布到npm以便于使用。

Browserify将您的JavaScript,您选择的React版本和所有库打包到一个JS文件中,该文件不使用全局变量或其他与页面上运行的其他代码冲突的模式。

您还可以查看一些库,例如react-css,以将您的样式与页面样式隔离。样式也将隔离在您的捆绑包中。当然,如果网页执行的操作类似div {margin:1em},则唯一的解决方案是iframe或网络组件。



 类似资料:
  • 问题内容: 我希望能够将React应用程序与Webpack捆绑在一起,以便可以使用与客户端相关的一堆配置来获取,调用和初始化放在CDN上的分布式副本。 看完这个,我设置了我的WebPack项文件,如下所示: 想法是,在我的客户中,我可以执行以下操作: 我的函数会将我的React应用呈现在客户端的某个容器中。 我在以正确的方式思考吗?有没有更简单或更有效的方法来解决此问题? 我的错误是,因为IIFE

  • 在搜索了JPA文档和各种帖子后,我很困惑以下内容是否适用于JPA2。我刚开始学JPA所以如果我做了什么蠢事, 我的领域模型有一个“投资组合”,其中包含零个或多个“未平仓”。头寸由“工具”(JPA实体)和价格(双倍)组成。投资组合如下: OpenPosition嵌入式系统如下所示: 而该工具实体为: 当我试图使用这个时,模式被创建,我能够持久化投资组合,但是当我试图检索它们时,我在仪器类的hashC

  • 问题 你想在 CoffeeScript 中嵌入找到的或预先编写的 JavaScript 代码。 解决方案 把 JavaScript 包装到撇号中: `function greet(name) { return "Hello "+name; }` # Back to CoffeeScript greet "Coffee" # => "Hello Coffee" 讨论 这是在 CoffeeScrip

  • 问题内容: 我们有一个基于Java的系统,该系统从数据库中读取数据,将各个数据字段与预设标签合并,然后将结果转换为with 。 在格式,它看起来是这样的: 现在,我正在寻找一种允许某些字段包含静态 HTML格式 内容的方法。此内容将通过我们的支持HTML编辑器生成(沿着线的东西,等),或者从外部粘贴。 我的计划是遵循此JavaWorld文章的配方: 用于将HTML格式的字符串转换为正确的XHTML

  • null ServerEndpoint: 谢谢你。