Javascript 反应选择中的组件看起来很奇怪

我想使用react select中的组件，所以我从组件的站点复制了一个示例

但这看起来很奇怪：

我应该怎么做才能让它看起来像这样

---

组件的CSS似乎没有正确加载，或者其样式被覆盖。

导入“react select/dist/react select.CSS”是这里的问题。要在应用程序中包含“react select”，您只需使用“react select”中的导入选择，即可完成所有工作。您将获得原始示例中所示的准确的“提前键入”下拉框

为了在应用程序中完美地包装它，您可以将传统的div与类名一起使用，您将得到您想要的

---

希望这有帮助：

好吧，我们看不到您的CSS或其他任何内容，因此很难提供帮助。我只是使用组件的CSS“react-select/dist/react-select.CSS”@Dave Newton获得相同的结果

    import React, {Component, Fragment} from 'react'    
    import Select from 'react-select'
    import 'react-select/dist/react-select.css'

    export default class Test extends Component {
      constructor(props) {
        super(props)

      }

    render() {
        return (
          <Fragment>
            <Select
              name="form-field-name"
              value='hello'
              onChange={this.handleChange}
              options={[
                { value: 'one', label: 'One' },
                { value: 'two', label: 'Two' },
              ]}
            />
          </Fragment>
        )
      }
    }