自定义Select Option样式问题
まだ誰も着手していません。
評価
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 初心者へのやさしさ
- 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分
- マージ済み PR（30日）
- 2
環境構築
このプロジェクトの環境構築ファイルはまだ確認していません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- 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 件 ·
-
難易度 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時間 初心者へのやさしさ 78/100
melgarafael/DeskcommCRM#1812 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 84/100
prisma/prisma-cli#309 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
gregwebs/pi-quota-dispatcher#26 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100
openwatersio/slackwater.xyz#124 ·
メンテナーはふだん 1 日以内に返信
-
agent-reported area/browser area/docs documentation good first issue hacktoberfest help wanted P2
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
メンテナーはふだん 2 日以内に返信