Question

我想显示在我发出提取请求时接收到的以下数据的值：

数据：数组

0: Object
  title: "html"
  description: Array
  name: "xyz"
  class: "c"

1: Object
  title: "html1"
  description: Array
  name: "xyz1"
  class: "c1"

我尝试了以下代码：

<div>
  {
    data.map((item, index) => {
      <h1 key={index}>{item.title}/</h1>
      { item.description.map((c, i) =>
        <div>
          <h3 key={i}>{c.name} {c.class}</h3>
        </div>
      )}
    })
  }
</div>

上面的代码仅显示标题值。它没有显示名称和类值。请帮助我。

Answer 1

您没有将任何东西退还给data.map

{data.map((item, index) => {
              return (
                <div>
                  <h1 key={index}>{item.title}/</h1>
                  {item.description.map((c, i) => (
                    <div>
                      <h3 key={i}>
                        {c.name} {c.class1}
                      </h3>
                    </div>
                  ))}
                </div>
              );
            })}

Answer 2

如果description是一个对象，则无需再次映射描述这应该做

   <div>
   {
   data.map((item, index) => {

        <h1 key={index}>{item.title}/</h1>
        <div>
            <h3>{item.description.name} {item.description.class}</h3>
        </div>
  })
}
</div>

在反应中嵌套数组上映射

2 个答案: