React Select未正确呈现

Question

我是React的新手。我按照本教程创建了反应选择下拉列表。

https://react-select.com/home

我的代码是：

// Core
var React = require("react"),
    Select = require("react-select").default;

var dropdownComponent = React.createClass({

    render(){
        const options = [
            { value: 'chocolate', label: 'Chocolate' },
            { value: 'strawberry', label: 'Strawberry' },
            { value: 'vanilla', label: 'Vanilla' }
        ];
        return (
            <Select options={options}></Select>
        );
}});

PanelDropDownFilterDateRange.propTypes = {
    dateRangeFilter: PropTypes.string.isRequired,
    onClick: PropTypes.func
};

module.exports = ReactIntl.injectIntl(dropdownComponent);

但是，下拉菜单显示不正确，请参见下图。我可以帮忙吗？