popcodeorg / popcodeorg/popcode

React key warning in development mode

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

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

bug
主要言語
JavaScript
スター
191
フォーク
143
平均マージ
4日 11時間
マージ済み PR(30日)
5

説明

When developing, if you open a fresh Popcode environment and type <h1 into the HTML editor, the console displays this React warning:

Warning: Encountered two children with the same key, `unclosed-tag,8`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.
    in ul (created by ErrorList)
    in div (created by ErrorList)
    in ErrorList (created by ErrorReport)
    in div (created by ErrorReport)
    in ErrorReport (created by Connect(ErrorReport))
    in Connect(ErrorReport) (created by Output)
    in div (created by Output)
    in div (created by Output)
    in Output (created by Workspace)
    in div (created by Workspace)
    in div (created by Workspace)
    in main (created by Workspace)
    in div (created by Workspace)
    in Workspace (created by Connect(Workspace))
    in Connect(Workspace) (created by Application)
    in Provider (created by Application)
    in Application

You don't see this in production since the warnings get stripped in the production version of React. Just wanted to note this—feel free to close if you already know about it or aren't worried about it.

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

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

調査の方向性

新しい Popcode 環境を開き、HTML エディターで <h1 と入力して警告を再現する。React のスタックトレースで示されている ErrorList コンポーネントから始め、そのリスト項目がキーを受け取る方法を調べる;開発環境で重複キーの警告が表示されなくなれば完了。

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

評価

技術スタック
javascript, react
領域
frontend
issue の種類
バグ
難易度
2/5
見積もり時間
1〜3時間
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
35/100

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

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