React：オブジェクトを配列に追加する

Question

私はReactの初心者です。配列にオブジェクトを追加したいと思います。ここで

は私のコードです：

そして、私のコンポーネントで：

Encountered two children with the same key, [オブジェクトのオブジェクト] . Child keys must be unique; when two children share a key, only the first child will be used.：

<ul>{this.props.chat.messages.map((message) =>{ return <li>{message.text}</Link></li> }) 

}

そして、私はエラーを取得します

ありがとうございます。

Answer 1

各リスト項目にunique keysを入力する必要があります。あなたのメッセージにはキー/ IDがなく、一意に生成されたIDを提供するか、最後の手段としてインデックスを使用する必要があります（可能な限り避けるべきです）。上記のコードは次のようにリファクタリングできます：

{ this.props.chat.messages.map((message, index) => (<li key={index}>{message.text}</li>) }