javascript-在JSX中的嵌套地图函数中使用React JS打印数据

我正在尝试在嵌套地图函数中打印数据.由于某种原因,它不打印任何内容.这是我所拥有的：

  {dataFormat.protein_questions.map((item, index) => (
        <div key={_.uniqueId()} className="item">
         <div className="inline fields">
           <Field
              onChange={handleChange}
              name={`protein_question[${index}].units_of_measurement`}
              component="select"
              className="ui dropdown2"
              required>

                 {item.typing_methods.map((method, methodIndex) => {
                    method.unitsOfMeasurement.map((unit, unitIndex) => (
                       <option value={unit.title}>{unit.title}</option>
                    ));
                 })}

          </Field>
         </div>
       </div>
  ))}

由于某种原因,这些选项未在选择中打印任何数据.当我控制台记录嵌套循环内的数据时,它显示得很好.有人知道为什么会这样吗？

顺便说一句,这是在JSX视图文件中我的渲染函数中.

解决方法:

看来您在method.unitsOfMeasurement …之前忘记了返回：

{item.typing_methods.map((method, methodIndex) => {
  return method.unitsOfMeasurement.map((unit, unitIndex) => (
    <option value={unit.title}>{unit.title}</option>
  ));
})}

标签：jsx,reactjs,javascript,nested-loops
来源： https://codeday.me/bug/20191025/1930072.html