渲染多组相同组件谨防组件key值为undefined导致的报错!一开始报错没有unique key,后面发现是这个key为undefined导致的,就相当于是没有设置key,要防止这种情况,后面随便加个什么就好了。
<div className={`${styles.proposer} ${styles.applyLine}`}>
<span className={styles.label}>申请人:</span>
<div className={styles.users}>
{params.users.map((user: ApplyUserItem) => {
console.log(typeof user.userId)
console.log(user.userId + "index")
return (
<Tag
closable={!renewalFlag}
key={user.userId + "index"} //这个user可能为空数组,user.userId有可能为undefined,到导致没有unique key的报错
color={'#3954FF'}
onClose={() => removeUser(user.userId)}
className={styles.userTag}
style={{
height: '30px',
minWidth: '80px',
textAlign: 'center',
lineHeight: '30px',
display: 'inline-block',
margin: '5px',
}}
>
{user.userName}
</Tag>
)
})}