Reactが重複トランザクションを処理する場合、サブエレメントはKEYを持つべきである

サンプルシーン
ブラウザの警告:Each child in an array or iterator should have a unique"key"prop.
シナリオの例

 let tasks = this.props.tasks.map((task) => (
        

            
            {task.name}
            
        
    ));

各li要素には、一意の識別子が与えられる.
どうしてこうするの
Reactは重複エントリを処理する場合,仮想DOMは処理しにくい.1つのリストを別のリストに変換する最適なスキームは何ですか?一定のサイズに達するリストには、副作用を引き起こす可能性のある多くの実行可能なスキームがあります.ノードの挿入、削除、置換、移動などの操作に多くの時間がかかることを考慮して、React導入keyは、上記のノード操作を行う際にターゲットノードに迅速に位置決めできるようにします.