Question

我有一个Django项目，我想在它上面使用React。我已经创建了自己的组件，这有效，但我不知道如何从CDN导入第三方组件。

为此，我做了：

在基本模板中导入React（开发版或生产版）：

<!-- baseTemplate.html -->
{#      ReactJs#}
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

还导入我创建组件的文件

<!-- baseTemplate.html -->
<script src="/one_directory/my_react.jsx" type="text/babel"></script>

并创建将在其中呈现的标记。

<!-- template.html -->
<div id="container"></div>

最后渲染我的React组件：

<!-- my_react.jsx -->
ReactDOM.render(
  <App />,
  document.getElementById('container')
);

这可以正常工作：）

现在，我想从CDN导入第三方组件（特别是it's React Bootstrap Slider），但我不知道如何。

也许这是不可能的，我不知道。我怎么能这样做？

非常感谢你：]

Answer 1

我想你想从这个npm包https://www.npmjs.com/package/react-bootstrap-slider（版本2.1.3）

获得CDN

https://unpkg.com/react-bootstrap-slider有一个CDN 您可以在https://unpkg.com/react-bootstrap-slider/

处浏览该文件

然而，由于我发现Component未找到错误，我无法正常工作。

在github项目https://github.com/brownieboy/react-bootstrap-slider中，它说

控件以UMD格式实现，因此也应该适用 AMD / RequireJS，但我没有测试过。您也可以将其添加为脚本标签。

如果您想要CDN我建议您通知所有者修复它，或者您可以分叉项目并生成CDN友好文件并自行托管。

从CDN导入外部反应组件（React Bootstrap Slider）

1 个答案: