2016-07-28 19 views
0

現在、Reactを学んでおり、私は定型文から始めました。上記のコードはに相当します異なる反応成分の構文

export const Header =() => (
    ... 
) 

export default Header 

::彼らはこの構文を使用

export default React.createClass({ 
    ... 
}) 

または

export const CompName = React.createClass({ 
    ... 
}) 

を説明してください、ありがとうございました!

答えて

2

これは新しい(ish)stateless functional component syntaxの例です。これは、コンポーネントをJSXを小道具に基づいて返す単なる関数である、より簡潔な方法です。 Hereはバックグラウンドのある中程度の投稿です。

+0

これらは単純なので、ほとんどの場合、これらを使用することをお勧めします。しかし、彼らにとっての短所のいくつかは次のようなものです:反応ライフサイクルの手法がない(つまり、componentDidMountなどがない)。これはshouldComponentUpdateメソッドがないことを意味します。つまり、特定のパフォーマンスの最適化を利用できません。https://facebook.github.io/react/docs/advanced-performance.html#avoiding-reconciling-thedom ..ほとんどのコンポーネントがReduxコンテナコンポーネントの子であることが判明しました。これはshouldComponentUpdateを(自動的に)活用するため、大きな問題ではありません。 – John

関連する問題