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

TreeNode Generic

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

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

評価

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

調査の方向性

src/TreeNode.tsx の TreeNode 定義から始め、value prop と src/TreeSelect.tsx の 613 行目付近にあるジェネリックな処理を比較します。無効な値 "ts error" を含め、提供されている TypeScript の例がどのように型付けされているかを確認します。カスタム TreeNode および TreeSelect ジェネリックが有効な値を受け入れ、無効な値を拒否すれば完了です。

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

説明

Currently TreeNode does not accept a generic for its value prop.
So the value is always type string | number.

However TreeSelect accepts a generic and defaults the type to DefaultValueType (RawValueType or RawValueType[])

I'd expect the following generic to work

type MyCustomValueType = "yes" | "no";

class App extends React.Component {
  render() {
    return (
      <TreeSelect<MyCustomValueType>>
        <TreeNode<MyCustomValueType> value="yes" title="yes" />
        <TreeNode<MyCustomValueType> value="no" title="no" />
        <TreeNode<MyCustomValueType> value="ts error" title="no" /> {/* Throws TS error */}
      </TreeSelect>
    );
  }
}
主要言語
TypeScript
スター
312
フォーク
204
平均マージ
37分
マージ済み PR(30日)
1

環境構築

このプロジェクトの環境構築ファイルはまだ確認していません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

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

react-component/tree-select のほかの issue

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

似ている issue

TypeScript の issue をもっと見る

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

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