Reactjs 反应选择：我们是否也需要CSS来显示一个普通的选择列表？

我有下面的代码，它显示一个普通的选择列表。它在逻辑上运行良好，我能够在发生任何更改时记录日志。但问题是，显示的是非常小的框，而不是足以显示选项的文本框。我的占位符显示为普通文本。但当我点击占位符时，所有的值都会显示出来

import Select from 'react-select;

class SelectList extends Component {

     onChange() {
       console.log("Value Changed");
     }  

     render() {
         var Select = require('react-select');
         var options = [
                 { value: 'one', label: 'India' },
                 { value: 'two', label: 'Singapore' },
                 { value: 'three', label: 'IceLand' }
          ];

       return(
          <Select
             name="Select List"
             value="one"
             options={options}
             onChange={this.onChange.this(bind}}
          />
       );
}

---

您已经在导入选择顶部的，为什么要这样做

var-Select=require（'react-Select'）

再次在渲染函数中

此外，onChange处理程序应该是onChange={this.onChange}，您可以在构造函数的顶部绑定处理程序，如下所示：

this.onChange = this.onChange.bind(this);

或者，您可以像下面这样将其传递给选择组件

onChange={() => {this.onChange()}}

关于CSS问题，github：

//一定要在某些时候包括样式，可能是在引导过程中

---

看到小提琴或沙箱会很高兴的。@Andrew--对不起，我不明白你的意思。你能说清楚一点吗！这是。如果你在这里提出你的问题，会更容易理解。--我同意你的观点。但是你能告诉我为什么我不能显示足够长的选择列表来显示选项吗？我相信这就是我上面提到的问题，你必须包含相应的CSS。--我在包含此语句时出错，好像找不到它一样。我的项目目录需要任何文件吗？你能在这里发布错误吗？css取自节点模块，因此完整路径为节点模块/react-select/dist/react-select.cssAndreai--我有一个显示我的输出的图像。请看一下

onChange={() => {this.onChange()}}

import 'react-select/dist/react-select.css';