は、私は、ネストされたマップ機能内のデータを印刷しようとしていますJSX

Question

でネストされたマップ関数内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ビューファイルで私のレンダリング関数内でところで

。

Answer 1

あなたがmethod.unitsOfMeasurement...前returnを忘れてしまったように見えます：

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