自定义Select Option样式问题
还没有人认领这个 Issue。
评估
- 难度
- 5/5
- 预计耗时
- 一周以上
- 新手友好度
- 25/100
- Issue 类型
- 功能
- 描述清晰度
- 需要澄清
- 活跃度
- 停滞
- 技术栈
- react, typescript
- 领域
- frontend
调研方向
首先检查 rc-select 的自定义 Option 渲染，以及 issue 中链接的 Headless UI RadioGroup 示例。确定如何公开选项状态，同时不要求用户控制 value、search、clear 或 deselect 行为；完成标准是提供一份有文档记录的设计和实现，并保留 Select 现有的逻辑。
由索引模型根据 Issue 内容生成。
描述
之前在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时候能否给使用者更大的样式控制权，组建本身也只是抛出状态，并不会破坏组件本身的逻辑。
- 主要语言
- TypeScript
- 星标
- 938
- 派生
- 482
- 平均合并
- 15 小时 8 分钟
- 30 天内合并 PR
- 2
环境准备
我们还没有检查这个项目的环境配置文件。先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
react-component/select 的其他 Issue
-
难度 4/5 3-5 天 新手友好度 35/100
react-component/select#1216 ·
-
难度 2/5 1-3 小时 新手友好度 45/100
react-component/select#1159 ·
-
a11y 问题未关闭
难度 3/5 1-2 天 新手友好度 35/100
react-component/select#1087 · 1 个 reaction ·
-
难度 3/5 1-2 天 新手友好度 25/100
react-component/select#1086 ·
-
难度 3/5 1-2 天 新手友好度 30/100
react-component/select#1082 · 1 条评论 ·
查看 react-component/select 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 76/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 76/100
rohitg00/agentmemory#1428 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 86/100
boxlite-ai/boxlite#1729 ·
维护者通常 1 天内回复
-
detectors enhancement good first issue
难度 2/5 1-3 小时 新手友好度 86/100
SM260845/readme-gen#1 ·
-
难度 2/5 1-3 小时 新手友好度 88/100
angular/angularfire#3774 ·
维护者通常 2 天内回复