Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从react select/creatable中获取适当的CDN链接以导入CreatableSelect?_Javascript_Reactjs - Fatal编程技术网

Javascript 如何从react select/creatable中获取适当的CDN链接以导入CreatableSelect?

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

我在使用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="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.