react-component / select

React Select
https://select.react-component.now.sh/
MIT License
892 stars 452 forks source link

自定义Select Option样式问题 #944

Open chongqiangchen opened 1 year ago

chongqiangchen commented 1 year ago

之前在antd Issue其实是有提到这个问题,在自定义设计checkbox多选框的样式后,我觉得是非常麻烦的,我除了要自己控制value之外,还得控制onSearch,onClear,onDeselect等等保证Select的正常运行,但我却仅仅是想改变一个Option的样式仅此而已。

目前在我看来更应该在这里提,我理解rc-select是一个无样式组件,那么在Option自定义环节是否可以参考类似headlessui的设计

<RadioGroup.Option value="startup">
        {({ checked }) => (
          <span className={checked ? 'bg-blue-200' : ''}>Startup</span>
        )}
</RadioGroup.Option>

当然我的例子可能和select无关,我只是想表达我们在设计select option时候能否给使用者更大的样式控制权,组建本身也只是抛出状态,并不会破坏组件本身的逻辑。