Reactにおける<Component />とComponent()の違い

Reactでは、JSXを返す関数を組み合わせてアプリケーションを作っていきます。それらの関数は<Component />のように呼び出すこともあれば、Component()のように呼び出すこともあります。後者を使用する機会は多くないかもしれませんが、例えばrender hooksパターンによってカスタムフックからUIを返したいときに使われることがあります。 一見どちらも同じようにJSXを返しますが、Reactはそれらをまったく異なるものとして扱います。 この投稿では、2つの呼び出し方の違いと、それによって挙動がどう変わるのかを見ていきます。 「コンポーネント呼び出し」と「関数呼び出し」 ここでは、JSXを返す関数をJSX関数と呼びます。 JSX関数を<Component />と呼び出すことをコンポーネント呼び出し、Component()のように呼び出すことを関数呼び出しとします。また、コン

[pico-banana-app]

まじか、Component()だとフック使えんのな。ただの関数呼び出し扱いか。Render hooksくらいでしか使わんぽいし、変なことせんとこｗ