React JS打印JSX中的嵌套地图函数中的数据

问题描述：

我试图在嵌套地图函数中打印数据。出于某种原因，它不打印任何东西。这里是我所拥有的：React JS打印JSX中的嵌套地图函数中的数据

{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视图文件。

，但你是不是returing从'item.typeing_methods.map'任何东西，所以我不知道你期待 – Icepickle

我认为你需要在每个地方添加return语句 –

@DhavalRajani不，他在其他地图语句中正确地做了它，而不是他们以'（'而不是'{'开始，第一个隐式地返回语句，第二个预期返回 – Icepickle

答

看起来你method.unitsOfMeasurement...之前忘记return：

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

天才！我忘了你必须在主循环中总是返回一些东西。我会接受，当它让我。 – user3574492

React JS打印JSX中的嵌套地图函数中的数据

相关推荐