如何循环遍历具有 2 个数组的对象？

Question

尝试遍历其他组件上的道具传递的状态

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

我想用 Patter 在下一个 Componet 上渲染它，例如：

第一问

[标签1]

第二问

[标签2]

第三Q

[标签3]

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

第一问

第二问

第三Q

[标签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>
   )

})