时间戳

首页 > 解决方案 > 如何在反应选择的下拉菜单上显示滚动条？

reactjs - 如何在反应选择的下拉菜单上显示滚动条？

问题描述

滚动条未显示在下拉菜单上以在 chrome 导航器上进行反应选择，同时它适用于 safari，请问我该如何解决？有什么解决办法吗？因为我无法滚动到我的最后一项。提前致谢。我使用的是react-select2.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}
 />

控制台警告

标签： reactjsreact-reduxreact-select

解决方案

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

这些是styles你传递style={{styles: customStyleForTestsList}}给的Select。我知道这部分必须做一些事情option。什么，我还是一头雾水。如果您找到答案，请在此处发布。

推荐阅读