如何使用 CDN 链接使用 Reactstrap

Question

我正在使用带有 CDN 链接的 React，在有点头疼之后我意识到我需要了解为每个库配置的全局变量是什么才能使用它们。

例如在 React-Redux 中，而不是：

import {connect} from 'react-redux'

这将导致：

Uncaught TypeError: Failed to resolve module specifier "react-redux". Relative references must start with either "/", "./", or "../".

我需要做的：

export default <b>ReactRedux.</b>connect(mapStateToProps, mapDispatchToProps)(Component)

就像我需要对 React.Component 做的那样。

有道理。

现在我正在搜索已为 Reactstrap. Unfortunately, the demo link for using CDN links is broken (I've already opened an issue) 定义的全局变量。

我在网上搜索并浏览了 Reactstrap 文档，但我找不到任何东西。

我猜它会是 Reactstrap.X 但那行不通。

我假设这不是一个新请求，但我还没有找到答案（或被问到），所以如果你能帮助我，我会很高兴。

Answer 1

要将 Reactstrap 与 CDN 一起使用，您应该导入样式表和脚本，然后对组件使用 Reactstrap。

示例：

ReactDOM.render(<Reactstrap.Button>ReactStrap</Reactstrap.Button>, document.getElementById("react"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.4/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.4/umd/react-dom.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reactstrap/4.8.0/reactstrap.min.js" ></script>
<link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

<div id="react"></div>

如何使用 CDN 链接使用 Reactstrap

How to use Reactstrap using CDN links

javascript

reactjs

reactstrap