antdキーエラーリスト内の各子には、一意の「キー」小道具が必要です。



Antd Key Error Each Child List Should Have Unique Key Prop



react + antdコンポーネントを使用すると、報告されることがありますEach child in a list should have a unique 'key' prop.そのようなエラー

関連するエラーレポートと解決策をいくつか示します。



  1. テーブル
    画像

解決策:公式はrowKeyを提供しますテーブルの各行のキー値を設定するために使用される属性
公式のantdドキュメントの下に関連する解決策もあります: https://ant-design.gitee.io/components/table-cn/#API

画像



  1. 選択セレクターのオプション
    画像
    解決策:使用map()メソッドは動的にオプションを追加し、キープロパティを設定する必要もあります

画像

  1. 使用map()レンダリングをトラバースすると、キー値エラーも報告されます

画像
解決策:トラバースされたコンポーネントにキー属性も追加します

画像



  1. モーダルダイアログ
    モーダルポップアップウィンドウをレンダリングするときに、ここで報告されるキー値エラーもあります
    画像
    解決策:キー属性をフッターコンポーネントに設定します

画像

概要:react unique keyを使用するときはもっと注意してくださいコンパイルには注意が必要です。エラーレポートがある場合は、エラーレポートに従って提供された場所に移動し、対応するfilemiddle対応するコンポーネントまたは対応するlabelPlaceを見つけて、それに追加することができますkey属性。