React Notificationsクリックキャンバスで閉じられるドロップダウンラッパー

Question

私のラップトップはドロップダウンからリストを閉じるために正常に動作しているアプリのトップバーの通知ドロップダウンのラッパーを持っています。リスト要素にキーを追加すると、機能が中断され、通知をクリックするとドロップダウンが閉じられます。

例：この休憩とonclickのそれがドロップダウンメニューに

<li key={key} className="media notification"> 
    1 
</li> 

を閉じ例：これは動作し、通知をクリックすると、閉じないでドロップダウンを行いますが、キーが必要であると警告しています。

<li className="media notification"> 
    1 
</li> 

私は間違って何かをやっている100％わからないが、このような振る舞いを引き起こす反応するキーを持つものがあるかどうか尋ねると思いましたか？

Answer 1

私が思いつくことができるのは、あなたの鍵が無効であるということです。

文字列がすべて一意であることを確認し、索引ではなくデータ入力時にキーを基にすることをお勧めします。詳細についてはthe docsをチェックしてください。