gpt4 book ai didi

javascript - 如何使用 CDN 链接使用 Reactstrap

转载 作者:行者123 更新时间:2023-12-04 15:08:06 35 4
gpt4 key购买 nike

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

例如在 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 定义的全局变量.不幸的是,demo link使用 CDN 链接已损坏(我已经 opened an issue )。

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

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

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

最佳答案

要将 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>

关于javascript - 如何使用 CDN 链接使用 Reactstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65702620/

35 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com