我得到的警告是“数组或迭代器中的每个子元素都应该有一个唯一的"key”prop。“使用下面的代码。如果我删除片段并将其包装在一个带有键的div中,它可以工作,但是我的每个组件都有一个带有键的额外div。我不确定为什么这个解决方案不能工作。根据文档,应该是这样的。
<div ref={c => (this._gallery = c)}>
{thumbs.map((image, index) => {
return (
<React.Fragment>
{this.props.children({
margin: margin,
index: index,
image: image,
key: image.key || image.src,
onClick: onClick ? this.handleClick : null
})}
</React.Fragment>
);
})}
</div>
密钥正确显示在html中:
https://stackoverflow.com/questions/50622279
复制相似问题