React。ファット矢印関数を使用したコンポーネント宣言（ES6構文仕様）

学習上のリアクション私は、宣言の2つの方法に出くわしました。 return声明で古典fat arrow構文を使用して

React。ファット矢印関数を使用したコンポーネント宣言（ES6構文仕様）

。

const Component =() => { 
    return (
     <div>Hello</div> 
) 
}

そして最近、私は単純化されたバージョンをdiscoverdました。

const Component =() => (
    <div>Hello</div> 
)

私は第二の方法が機能する理由の説明を見つけることができなかったので、多分あなたは、このトピックに関するいくつかの経験を共有したり、さらにそれをカバーして記事のリンクを残すことができますか？

2017-03-19 volna

[arrow functions with MDN]（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/）を参照してください。 Arrow_関数）。 – Nit

Fat arrowは、暗黙のリターンとして機能します。したがって、最初は冗長です。 –

arrow関数には多くの定義済みの構文があるためです。最初は、複数のステートメントまたは式を持つ関数のブロックを作成します。後者はブロックを作成せず、暗黙的に式を返します。 – Li357

その本体が返されるように中括弧で囲まれていない単一の発現と矢印機能

(param1, param2, …, paramN) => expression 
// equivalent to: (param1, param2, …, paramN) => { return expression; }

源：mdn矢印関数にのみ単一の要素によりそれを書き込まれた場合

2017-03-20 08:31:06 qonf

cont component=()=>(
     <div> 
      <div>hello</div> 
      <p>How are you</p> 
     </div> 
     )

2017-03-20 12:12:55

答えて