Как перебрать объект с 2 массивами? - PullRequest
Новая
       12

Как перебрать объект с 2 массивами?

0 голосов
/ 06 сентября 2018

Попытка зациклить состояние, передаваемое реквизитами на другом компоненте 

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

Я хочу сделать это на следующем Компоненте с Patter как:

FirstQ

[tag1]

SecondQ

[tag2]

ThirdQ

[tag3]

и т.д. Я пробовал много вариантов, но всегда получал что-то вроде

FirstQ

SecondQ

ThirdQ

[tag1]

[tag2]

[tag3]

EDIT:

Передача данных во второй компонент с помощью 

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

EDIT2:

Пока я сделал такие петли 

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

Я пытаюсь отобразить эти два массива как пары. Question1 => Tag1, затем под вторым Question2 => tag2 и т. Д.

1 Ответ

0 голосов
/ 06 сентября 2018

Используйте индекс 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>
   )

})
...