変数または定数をES6反応クラスの関数に返します

Question

私はリスト項目を作成する変数を返しています。この関数は、順不同のリストを返しますが、それを設定したいアイテムはうまくいきません。なぜ私が間違ってしまったのか、私はある方向へ感謝するでしょう。

Header.js

export class Header extends Component { 

    constructor() { 
     super(); 
    } 

    NavMenu() { 

     let links =() => (

      <li>hey</li> 
    ); 

    return (
     <ul className="nav navbar-navs"> 
      {links} 
     </ul> 
     ); 
    } 

    render() { 
     return (
       <div className="container-fluid"> 
          {this.NavMenu()} 
       </div> 
     ) 
    } 

    } 

    export default Header; 

いただきありがとうございます:)

Answer 1

linksは、要素を返す関数です。あなたは `` {リンク（）}であるべきlinks()

class Header extends React.Component { 
 

 
    constructor() { 
 
     super(); 
 
    } 
 

 
    NavMenu() { 
 

 
     let links =() => (
 

 
      <li>hey</li> 
 
    ); 
 

 
    return (
 
     <ul className="nav navbar-navs"> 
 
      {links()} 
 
     </ul> 
 
     ); 
 
    } 
 

 
    render() { 
 
     return (
 
       <div className="container-fluid"> 
 
          {this.NavMenu()} 
 
       </div> 
 
     ) 
 
    } 
 
     
 
} 
 
ReactDOM.render(<Header/>, document.getElementById('app'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> 
 
<div id="app"></div>

Answer 2

あなたが機能を指している{リンク}変数を使用しています。

は今、どちらかあなたがリンクを使用して、それぞれの関数を呼び出す（）は OR ちょうど変数リンクに直接値を代入した値を返します。