Javascript React JS在JSX中的嵌套映射函数中打印数据

Javascript React JS在JSX中的嵌套映射函数中打印数据,javascript,reactjs,nested-loops,jsx,Javascript,Reactjs,Nested Loops,Jsx,我试图打印嵌套映射函数中的数据。出于某种原因,它不打印任何内容。以下是我所拥有的: {dataFormat.protein_questions.map((item, index) => ( <div key={_.uniqueId()} className="item"> <div className="inline fields"> <Field onChange={ha

我试图打印嵌套映射函数中的数据。出于某种原因,它不打印任何内容。以下是我所拥有的:

  {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>
  ))}
{dataFormat.protein_questions.map((项目,索引)=>(
{item.typing_methods.map((method,methodIndex)=>{
method.unitsOfMeasurement.map((单位,unitIndex)=>(
{unit.title}
));
})}
))}
由于某些原因,这些选项没有打印select中的任何数据。当我在嵌套循环中记录数据时,它显示良好。有人知道为什么会这样吗


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

看起来您忘记了
方法之前的
返回

{item.typing_methods.map((method, methodIndex) => {
  return method.unitsOfMeasurement.map((unit, unitIndex) => (
    <option value={unit.title}>{unit.title}</option>
  ));
})}
{item.typing_methods.map((method,methodIndex)=>{
返回方法.unitsOfMeasurement.map((单位,unitIndex)=>(
{unit.title}
));
})}

但是您没有从
项.typing\u methods.map中返回任何内容,因此我不确定您期望的是什么,我认为您需要在每个where@DhavalRajani不,他在其他map语句中做得很正确,而不是以
开头(
而不是
{
,第一个会隐式返回语句,第二个会返回只是出于好奇,是你们两个中的一个投票结束了这个问题吗?@user3574492是的,我是这样做的,对我来说,这是一个离题,因为这是我对你的一部分的一个小疏忽天才!我忘了你必须总是在主循环中返回一些东西。我会接受的这让我很高兴。