如何映射React[重复]中的对象

Question

我使用.map（）函数的方式与在其他项目中完全相同，但在我当前正在处理的项目中，它向我抛出了一个错误:错误：Objects作为React子项无效（Found：object with keys{id,title}）。如果您打算呈现子级集合，请改用数组。这是我的代码（正如我提到的，它的结构在其他项目中也适用）：

import React from "react";
import Carousel from "react-elastic-carousel";

const Slider = () => {

  let items = [
    {id: 1, title: 'item #1'},
    {id: 2, title: 'item #2'},
    {id: 3, title: 'item #3'}
]

  return (
    <div>
      <div>
        <Carousel>
          {items.map((item) => (
            <div key={item}>{item}</div>
          ))}
        </Carousel>
      </div>
    </div>
  );
}

export default Slider;

我想知道这是否与我在从外部库导入的组件内部进行映射有关。

Answer 1

因为item是一个对象。您需要这样更新：

<div key={item.id}>{item.title}</div>