Functional Component は、React アプリケーションでコンポーネントを作成する方法の 1 つです。 React.js Functional Components は、機能的かつよ​​り簡潔な方法で UI コンポーネントを作成するのに役立ちます。この記事では、React の機能コンポーネント、機能コンポーネントを呼び出すさまざまな方法、および機能コンポーネントの作成方法について学びます。機能コンポーネントでのフックの使用法も示します。

目次

• React の機能コンポーネント:
• 機能コンポーネントを呼び出す方法は次のとおりです。
• 機能コンポーネントの使用に関する問題
• 機能コンポーネントでフックを使用する利点

React の機能コンポーネント:

ReactJS の機能コンポーネント これらは、React で作業しているときに遭遇する、より一般的なコンポーネントの一部です。これらは単なる JavaScript 関数です。 JavaScript 関数を記述することで、React で機能コンポーネントを作成できます。これらの関数は、データをパラメーターとして受け取る場合と受け取らない場合があります。機能コンポーネントでは、戻り値は DOM ツリーにレンダリングする JSX コードです。

機能コンポーネントを呼び出す方法は次のとおりです。

次のような他の方法でも JavaScript で関数を呼び出すことができます。

1. 関数名に続けてかっこを使用して、関数を呼び出します。