arrays - 在 React JSX 中循环内部循环

Question

我正在尝试在 react、jsx 中呈现循环中的循环像下面这样:

{this.state.ans.map(function(item) {
    return (
        {this.state.quest.map(
            function(item1) {return (item1)}
        )}        
        {item}
    )
})}

这对任何其他建议都不起作用

Answer 1

您在第一个 map 语句中忘记了包装 div:

render() {
  return (
    <div>
      {this.state.ans.map(item =>
        <div> // this div was missing
          {this.state.quest.map(quest => quest)}
          {item}
        </div>
      )}
    </div>
  )
}