我有一个使用多个函数定义的 const
, 它们与问题无关,因此我只包含了一个相关的经过处理的代码段。如果需要更多信息,请告诉我。
return (
<React.Fragment key={index}>
<hr className={hrClasses} />
<span className={spanClasses}>
{isTrue ? 'x' : index + 1}
</span>
</React.Fragment>
);
})}
</div>
);
在浏览器中,我看到了警告:
由于警告:列表中的每个子元素都应该有一个唯一的“key”属性。
hr
元素不需要一个唯一的 key 属性,那么我该如何避免这个错误呢?我尝试了不同的 key 变化,比如给
hr
元素添加 key={index}
,并将 index
key 重新标记为 id
给 span
使用。但我不确定还能尝试什么。能否给予指导?非常感谢!