gpt4 book ai didi

javascript - 是否可以通过 cdn 在浏览器中使用 react-select?

转载 作者:行者123 更新时间:2023-12-04 09:31:02 25 4
gpt4 key购买 nike

是否可以直接从浏览器使用 react-select 而无需现在的打包机?

我发现能够这样做的最新版本是 2.1.2: How to import from React-Select CDN with React and Babel?

他们当时提供的是umd格式的react-select.min.js

现在他们有 react-select.browser.esm.jsreact-select.browser.cjs.js ( https://unpkg.com/browse/react-select@3.1.0/dist/ ),但我不能从浏览器中获取任何工作。

最佳答案

我想通了。希望这可以帮助别人。永不放弃。

react-select v3(此时为 v3.1.1)不再有独立的库,因此唯一的使用方法是 v2。

要使用 v2,您需要先包含所有依赖项。

<div id="root"></div>

<script src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone@7.12.7/babel.min.js"></script>
<script src="https://unpkg.com/prop-types@15.7.2/prop-types.js"></script>
<script src="https://unpkg.com/classnames@2.2.6/index.js"></script>
<script src="https://unpkg.com/react-input-autosize@2.2.2/dist/react-input-autosize.js"></script>
<script src="https://unpkg.com/emotion@10.0.27/dist/emotion.umd.min.js"></script><script src="https://unpkg.com/react-select@2.4.4/dist/react-select.js"></script>

<script type="text/babel">

const options = [
{ value: 'chocolate', label: 'Chocolate' },
{ value: 'strawberry', label: 'Strawberry' },
{ value: 'vanilla', label: 'Vanilla' },
];

class Hello extends React.Component {
render() {
return <Select options={options} />;
}
}
ReactDOM.render(
<Hello />,
document.getElementById('root')
);
</script>

关于javascript - 是否可以通过 cdn 在浏览器中使用 react-select?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62842565/

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