Javascript 如何使用JS Fiddle进行渲染反应选择

Javascript 如何使用JS Fiddle进行渲染反应选择,javascript,reactjs,jsfiddle,react-select,Javascript,Reactjs,Jsfiddle,React Select,我想在jsfiddle中呈现第三方库react select。我在JSFIDLE中添加了库,但不确定如何使用react Select中的Select组件。我得到“未定义错误选择” const-App=()=>{ 回归试验 } ReactDOM.render(,document.getElementById('root')); 看这里: 请看下面的问题: html 导入选择自'https://cdn.pika.dev/react-select@^3.1.0'; window.Select=Se

我想在jsfiddle中呈现第三方库react select。我在JSFIDLE中添加了库,但不确定如何使用react Select中的Select组件。我得到“未定义错误选择”

const-App=()=>{
回归试验
}
ReactDOM.render(,document.getElementById('root'));
看这里:

请看下面的问题:

html


导入选择自'https://cdn.pika.dev/react-select@^3.1.0';
window.Select=Select;
js

const选项=[
{值:'chocolate',标签:'chocolate'},
{值:'草莓',标签:'草莓'},
{值:'香草',标签:'香草'},
];
常量应用=()=>{
回来
}
ReactDOM.render(,document.getElementById('root'));

我想添加react select组件,它是第三方库。如何在中渲染jsfiddle@Trinu我已经相应地更新了JSFIDLE,非常感谢。我从早上就一直在找这个。非常有帮助。我投票结束这个问题,因为它与编程没有直接关系。
const App = () => {

    return <div> Test
  <Select />
  </div>
}

ReactDOM.render(<App/>, document.getElementById('root'));
<div id="root"></div>

<script type="module">
  import Select from 'https://cdn.pika.dev/react-select@^3.1.0';
  window.Select = Select;
</script>
const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' },
];

const App = () => {

    return <div> <Select options={options} />  </div>
}

ReactDOM.render(<App/>, document.getElementById('root'));