Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

当value 没有 label 属性时,并且options 不包含 value 时,应当将 value 作为 label

オープン
#1,028 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
45/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
react, typescript
領域
frontend

調査の方向性

App.tsx の 46 行目付近にあるリンク先の CodeSandbox の再現から始め、ラベルを持つオブジェクト値から単純な値 "test" への遷移を再現します。options にその値が含まれていない場合に Select が表示するラベルをどのように選択するかを追跡します。"custom text" を保持するのではなく、表示が "test" に変われば完了です。

索引モデルが issue の本文から書いたものです。

説明

复现demo:

https://codesandbox.io/p/sandbox/amazing-ace-jvdx6j?file=%2FApp.tsx%3A46%2C30

复现步骤:

第一步: 设置 value 包含 label

 <Select value={{value: 'test', label: 'custom text'}} />

第二步:更新value 为 简单类型

 <Select value={'test'} />

预期表现:

第二步后,选择器内文字为 test

实际表现

第二步后,选择器内文字为上一次缓存的文案 custom text

主要言語
TypeScript
スター
939
フォーク
480
平均マージ
15時間 8分
マージ済み PR(30日)
2

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

react-component/select のほかの issue

react-component/select の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。