ensure every <li> has a key
parent
e3c39bd2fa
commit
f98526a7ed
|
@ -198,7 +198,7 @@ export default class Category extends React.Component {
|
||||||
<ul className="emoji-mart-category-list">
|
<ul className="emoji-mart-category-list">
|
||||||
{emojis &&
|
{emojis &&
|
||||||
emojis.map((emoji) => (
|
emojis.map((emoji) => (
|
||||||
<li>
|
<li key={emoji.id || emoji}>
|
||||||
{NimbleEmoji({ emoji: emoji, data: this.data, ...emojiProps })}
|
{NimbleEmoji({ emoji: emoji, data: this.data, ...emojiProps })}
|
||||||
</li>
|
</li>
|
||||||
)
|
)
|
||||||
|
|
|
@ -185,7 +185,6 @@ const NimbleEmoji = (props) => {
|
||||||
} else {
|
} else {
|
||||||
return (
|
return (
|
||||||
<button
|
<button
|
||||||
key={props.emoji.id || props.emoji}
|
|
||||||
onClick={(e) => _handleClick(e, props)}
|
onClick={(e) => _handleClick(e, props)}
|
||||||
onMouseEnter={(e) => _handleOver(e, props)}
|
onMouseEnter={(e) => _handleOver(e, props)}
|
||||||
onMouseLeave={(e) => _handleLeave(e, props)}
|
onMouseLeave={(e) => _handleLeave(e, props)}
|
||||||
|
|
Loading…
Reference in New Issue