Javascript 如何从react select/creatable中获取适当的CDN链接以导入CreatableSelect?
我在使用CreatableSelect组件时遇到问题。我只能使用cdn文件加载依赖项。 我得到以下错误: 未定义CreatableSelect 我在同一个应用程序中使用了react Select中的Select组件和cdn链接。对于,请选择我使用过的:Javascript 如何从react select/creatable中获取适当的CDN链接以导入CreatableSelect?,javascript,reactjs,Javascript,Reactjs,我在使用CreatableSelect组件时遇到问题。我只能使用cdn文件加载依赖项。 我得到以下错误: 未定义CreatableSelect 我在同一个应用程序中使用了react Select中的Select组件和cdn链接。对于,请选择我使用过的: <script src="https://cdn.jsdelivr.net/npm/emotion@9.2.12/dist/emotion.umd.min.js"></script> <script src="htt
<script src="https://cdn.jsdelivr.net/npm/emotion@9.2.12/dist/emotion.umd.min.js"></script>
<script src="https://unpkg.com/react-dom@16.7.0/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/prop-types@15.5.10/prop-types.min.js"></script>
<script src="https://unpkg.com/react-input-autosize@2.2.1/dist/react-input-autosize.min.js"></script>
<script src="https://unpkg.com/react-select@2.1.2/dist/react-select.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
“选择组件”对我来说绝对有效。但可创建的选择不起作用。
我还尝试了CreatableSelect的一些链接。以下是我的总体脚本:
<head>
<meta charset="utf-8">
//links for Select
<script src="https://unpkg.com/react@16.7.0/umd/react.production.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/emotion@9.2.12/dist/emotion.umd.min.js"></script>
<script src="https://unpkg.com/react-dom@16.7.0/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/prop-types@15.5.10/prop-types.min.js"></script>
<script src="https://unpkg.com/react-input-autosize@2.2.1/dist/react-input-autosize.min.js">
</script>
<script src="https://unpkg.com/react-select@2.1.2/dist/react-select.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
//links for CreatableSelect
<script src="https://cdn.jsdelivr.net/npm/react-select@3.1.0/dist/react-select.cjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-select@3.1.0/creatable/dist/react- select.cjs.dev.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-select@3.1.0/creatable/dist/react- select.browser.esm.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-select@3.1.0/creatable/dist/react- select.browser.cjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-select@3.1.0/creatable/dist/react- select.cjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-select@3.1.0/creatable/dist/react-select.cjs.prod.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-select@3.1.0/creatable/dist/react-select.esm.min.js"></script>
<title>Using React</title>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
const options = [
{ value: 'A', label: 'A' },
{ value: 'B', label: 'B' },
{ value: 'C', label: 'C' }
];
class App extends React.Component {
state = {
selected: null,
}
handleChange = (selected) => {
this.setState({ selected });
}
render() {
return (
<div>
<Select
value={this.state.selected}
onChange={this.handleChange}
options={options}
/>
<CreatableSelect
value={this.state.selected}
onChange={this.handleChange}
options={options}
/>
</div>
);
}
}
ReactDOM.render(<App/>, document.querySelector("#root"))
</script>
</body>
</html>```
How can I make CreatableSelect work? I am kinda noob so excuse any silly mistake and questions.