import React , { memo } from 'react' ; import { EmojiProps } from '../../index' ; import styles from './styles.less' ; export default memo ( ( { onAdd , emojiList } ) => { return ( < div className = { styles . emojiContaienr } > { emojiList . map ( ( item ) => ( < a key = { item . code } className = { styles . emojiItem } onClick = { ( ) => onAdd ( item . code ) } > { } < img className = { styles . big } src = { item . src } alt = "" / > { } < img className = { styles . small } src = { item . src } alt = "" / > < /a>))} < /div>); } ) ;