クラス構成要素及び機能とコンポーネントのフックを反応させます

クラス構成要素及び機能とコンポーネントのフックを反応させます

著者のトラブルは、彼らの問題を解決します

 

 

我々は、すべてのカスタムコンポーネントでは次の2つの要件を持っていることを知っています:

  1. コンポーネント名は大文字で始める必要があります

  2. 戻り値コンポーネントのみ1つのルート要素

 

コンポーネントの機能は何ですか▼

  

    機能コンポーネントは、単一の受信  props 対象を下記に示すように、要素に反応返します。

 

image.png

 

 

クラスコンポーネントは何ですか▼

     使用ES6、クラス  コンポーネントが定義されました。図は次のとおりです。

image.png

 

機能部品と差成分クラス▼

    クラスコンポーネントは、(ステータスなど)より多くの機能にアクセスすることができます:標準の答えは時間がありました。フック、それはもはやケースではありません。

    成分を使用するので、クラスがインスタンス化されるときに機能コンポーネント、クラス・コンポーネントの性能よりも性能が高くなければならず、関数は、関数に直接実行結果を取るアセンブリ戻ります。パフォーマンスを向上させるために、機能コンポーネントを利用します。image.png

 

フックは何ですか▼

    新機能は、16.8を反応させるのフックがあります。これは、他のクラスがある記述することなく特性を反応するあなたが同様の状態を使用することができます。つまり、後に16.8関数コンポーネントが状態および他の特性を使用して反応させることができる反応します。具体的な学習フックhttps://react.docschina.org/docs/hooks-intro.htmlを行きます

構成要素は、フック関数プログラミングプロジェクトをした後ので、コードをよりコンパクトに、より良好な性能を反応させます。

クラス構成要素及び機能とコンポーネントのフックを反応させます

著者のトラブルは、彼らの問題を解決します

 

 

我々は、すべてのカスタムコンポーネントでは次の2つの要件を持っていることを知っています:

  1. コンポーネント名は大文字で始める必要があります

  2. 戻り値コンポーネントのみ1つのルート要素

 

コンポーネントの機能は何ですか▼

  

    機能コンポーネントは、単一の受信  props 対象を下記に示すように、要素に反応返します。

 

image.png

 

 

クラスコンポーネントは何ですか▼

     使用ES6、クラス  コンポーネントが定義されました。図は次のとおりです。

image.png

 

機能部品と差成分クラス▼

    クラスコンポーネントは、(ステータスなど)より多くの機能にアクセスすることができます:標準の答えは時間がありました。フック、それはもはやケースではありません。

    成分を使用するので、クラスがインスタンス化されるときに機能コンポーネント、クラス・コンポーネントの性能よりも性能が高くなければならず、関数は、関数に直接実行結果を取るアセンブリ戻ります。パフォーマンスを向上させるために、機能コンポーネントを利用します。image.png

 

フックは何ですか▼

    新機能は、16.8を反応させるのフックがあります。これは、他のクラスがある記述することなく特性を反応するあなたが同様の状態を使用することができます。つまり、後に16.8関数コンポーネントが状態および他の特性を使用して反応させることができる反応します。具体的な学習フックhttps://react.docschina.org/docs/hooks-intro.htmlを行きます

構成要素は、フック関数プログラミングプロジェクトをした後ので、コードをよりコンパクトに、より良好な性能を反応させます。次のデモ:image.png

 

プレス注意2次元コード
ID:極端菅

qrcode_for_gh_a84046c76875_258 (1).jpg

 

 

公開された14元の記事 ウォン称賛13 ビュー3309

おすすめ

転載: blog.csdn.net/Raleway/article/details/104173497