如何使用 2 个数组遍历对象？

Question

试图循环通过其他组件上的道具传递的状态

state = {
    question:[firstQ, secondQ, thirdQ],
    tag:[[1,2,3],[4,6],[a,b,c,d]]
    }

我想在下一个 Componet 上使用 Patter 渲染它：

第一季

[标签1]

第二个问题

[标签2]

第三问

[标签3]

等 我尝试了很多选择，但总是得到类似的东西

第一季

第二个问题

第三问

[标签1]

[标签2]

[标签3]

编辑：

将数据传递给第二个组件

question={this.state.question}
     tag={this.state.tag}

编辑2：

现在我做了这样的循环

{this.props.question.map((item,) => {
    return (<span key={item}>{item}</span>)
  })}
{this.props.tag.map((item) => {
    return (<span>{item<span>)
    })}

我试图将这两个数组呈现为对 Question1 => Tag1 然后在第二个 Question2 = >tag2 等下方。

Answer 1

使用question的索引获取匹配的标签

类似：

{this.state.question.map((q,i)=>{
   return (
      <div>
        <h4>{q}</h4>
        Tags: {this.state.tag[i].join()}// map these to element you want instead of join()
     </div>
   )

})