在 JSX 的嵌套地图函数中反应 JS 打印数据

Question

我正在尝试在嵌套地图函数中打印数据。由于某种原因，它不打印任何东西。这是我的：

  {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>
  ))}

出于某种原因，选项没有在 select 中打印任何数据。当我在嵌套循环中控制台记录数据时，它显示正常。有人知道为什么会这样吗？

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

Answer 1

看来你在 method.unitsOfMeasurement...:

之前忘记了 return

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

在 JSX 的嵌套地图函数中反应 JS 打印数据

React JS printing data inside a nested map function in JSX

javascript

nested-loops

jsx

reactjs