Reactjs 转盘指示器的问题 项目（id）} activeIndex={this.state.activeIndex} onClickHandler={this.goToIndex} /> {this.items.map（item=>{ 返回( ); })}

我从这个例子中得到了一个引导转盘组件。但当它呈现时，我得到错误：

遇到两个具有相同密钥的子项，

未定义未定义

。键应该是唯一的，以便组件在更新期间保持其标识。非唯一键可能会导致复制和/或忽略子项-不支持该行为，并且可能在将来的版本中更改。 在ol中（由旋转木马创建）

---

但“旋转唱机”项目具有独特的价值。谁能解释一下我哪里错了吗？

这是个问题。传递到的数组必须是一个包含字段“src”的对象数组，如下所示：

<Carousel
  activeIndex={this.state.activeIndex}
  next={this.next}
  slide
  previous={this.previous}
>
  <CarouselIndicators
    items={this.items.map(item => item.id)}
    activeIndex={this.state.activeIndex}
    onClickHandler={this.goToIndex}
  />
  {this.items.map(item => {
    return (
      <CarouselItem
        onExiting={this.onExiting}
        onExited={this.onExited}
        key={item.id}
        src={item.images.big}
        altText={item.name}
      />
    );
  })}
  <CarouselControl
    direction="prev"
    directionText="Назад"
    onClickHandler={this.previous}
  />
  <CarouselControl
    direction="next"
    directionText="Вперёд"
    onClickHandler={this.next}
  />
</Carousel>

---

由于

使用数组项中的字段“src”作为其项的键

在您的项数组中，似乎有一些对象的id未定义，请确保您具有唯一的项值。请澄清您的意思？基本上，您传入的数组必须是包含对象的数组，这些对象必须有一个名为“src”的键，该键的值必须是唯一的字符串，因为z需要这个键“src”，但它不在文档中

[{src: 'unique string', ...}]