が反応 - 反応し、私の.MAP機能の問題を持っている

Question

イムは、新しいオブジェクトの項目を返さない.MAP：

render() { 
    return <div className="sidenav-cont"><ul className="top-level-menu"> 
      { 
       this.props.loadSidenavItems.map((menuItem) => { 
        console.log(menuItem.parentCat) 
       return    
        (
        <li key={menuItem.catId}> 
         <a href="#">{menuItem.parentCat}</a> 
        </li> 
        ) 
       }) 
      } 

    </ul> 
</div> 
    } 

これは、次のとおりです。

私は、レンダリング、以下の機能を備えたコンポーネントが持っていますオブジェクトをマップしようとしています：

私のコンソールログは、欲しい2つの値を返しますが、いいえリストアイテムはDOMにレンダリングされます。ここでどこが間違っているのか分かりませんか？

Answer 1

それは少し愚かなことが、文や多くのJavaScriptエンジンで従うべきreturnがあることができ、単にあなたが二回のHello Worldを期待するが、一度undefinedになるだろう、次の例を参照してください;

を忘れてしまったと仮定します

より良い説明がhere

自動セミコロン挿入与えられ、 0 returnステートメントは、自動セミコロン挿入（ASI）の影響を受けます。 returnキーワードと式の間には行終端はできません。

function testFunctionIncorrect() { 
 
    return 
 
    "hello world"; 
 
} 
 

 
function testFunctionCorrect() { 
 
    return "hello " + 
 
    "world"; 
 
} 
 

 
console.log(testFunctionIncorrect()); 
 
console.log(testFunctionCorrect());