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

Dynamic mention options do not always load on the first keystroke

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

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

評価

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

調査の方向性

Storybook の動的な例から始め、記載されている @a、b、消去の手順を使って最初のキー入力で発生する失敗を再現します。次に、onSearch の処理と計測状態に関する rc-mentions のコードを調べます。初回の検索後だけでなく、その後の検索後にも非同期で読み込まれたオプションが表示されれば完了です。

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

説明

When using asynchronously loaded data, the options are not always displayed after the first keystroke. The onSearch function is still invoked, but the options do not get displayed.

Steps to reproduce:

  1. Using the story book example for this repo, on the 'dynamic' example. https://rc-mentions.react-component.now.sh/?selectedKind=rc-mentions&selectedStory=dynamic&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel
  2. Type @a. Data is fetched for the a search, but nothing is displayed
  3. Type b, data is fetched for the ab search, and results are displayed
    3a. Erase b, data is fetched for the a search, and results are displayed

After digging around a little bit in the rc-mentions code, it seems after the first keystroke, the measuring state value is still false, which might be leading to this error.

主要言語
TypeScript
スター
112
フォーク
64
PR マージ指標
30日以内にマージされた PR はありません

環境構築

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

はじめの一歩

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

react-component/mentions のほかの issue

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

似ている issue

TypeScript の issue をもっと見る

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

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