首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React:在从子组件渲染的组件上设置关键点

React:在从子组件渲染的组件上设置关键点
EN

Stack Overflow用户
提问于 2018-05-31 18:34:43
回答 2查看 40关注 0票数 0

我得到的警告是“数组或迭代器中的每个子元素都应该有一个唯一的"key”prop。“使用下面的代码。如果我删除片段并将其包装在一个带有键的div中,它可以工作,但是我的每个组件都有一个带有键的额外div。我不确定为什么这个解决方案不能工作。根据文档,应该是这样的。

代码语言:javascript
运行
复制
  <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中:

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50622279

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档