反応/コンポーネント

コンポーネントを使用することができますUIが分割されているが、独立して多重スニペットと、各セグメント独立してアイデアを。手がUIを分析するために、コードを書く前に、どのように分割するかのコンポーネントが明確に考える必要があるときに手の中に問題が、前にある最も重要なことは、独立した再利用可能です。独立した代表者は、他のコンポーネント、重複した作業の多くを排除し、再利用可能な代表者には影響しませんので、私たちは時分割思考コンポーネントの2つの部分に焦点を当てるべきです。

概念的にJavaScript関数と同様の構成要素、。これは、任意のパラメータ受け付ける（すなわち、「小道具」）、および元素の含有量を反応させるための表示説明ページを返します。

アセンブリにコンポーネントクラスの構成要素および機能を反応させます

機能コンポーネント

関数ようこそ（小道具）{
  <H1>こんにちは、{props.name} </ H1>を返します。
}

この関数は、「データのみ受信するための有効な成分を反応させている小道具オブジェクトと（デリゲートプロパティ）」と反応させ要素を返します。それは基本的にJavaScript関数であるため、このような成分は、「機能コンポーネント」と呼ばれています。　　

クラスコンポーネント

クラスようこそReact.Componentを{拡張します
  {レンダリング（）
    <H1>こんにちは、{this.props.name} </ H1>を返します。
  }
}