如何在下拉菜单上显示滚动条以进行反应选择？

Question

滚动条未显示在chrome导航器上的“ react select”下拉菜单中，同时它适用于Safari，请问如何解决？有什么解决办法吗？因为我无法滚动到最后一个项目。提前致谢。我正在使用react-select 2.4.2。版本。

import Select from 'react-select';

 <Select
   name={this.props.name}
   isSearchable
   isClearable
   defaultMenuIsOpen={this.state.defaultMenuIsOpen}
   value={this.state.selectedOption}
   onChange={this.handleChange}
   options={this.state.data}
   placeholder={this.props.placeholder}
 />

Answer 1

export const customStyleForTestsList = {
    control: (base, {isFocused}) => ({
        ...base,
        height: '30px' 
    }),
    option: (styles, {data, isDisabled, isFocused, isSelected}) => {
        return {
            ...styles,
            overflowY: 'scroll'
        };
    }
};

这些是您作为styles传递给style={{styles: customStyleForTestsList}}的{​​{1}}。 我知道Select部分必须要做的事情。什么，我还是一无所知。如果找到答案，请在此处发布。