React：Stateless Reactコンポーネントが実際にReactコンポーネントであると判断するものは何ですか？

Question

ES6の構文では、ReactからComponentを継承するコンポーネントはReactコンポーネントです。たとえば、次のように

import { Component } from 'react'; 
class ExampleComponent extends Component { 
    render(){ 
      return(
       //render component content here 
     ) 
    } 
} 

ますが、この使用したステートレスコンポーネントアプローチ書き換える場合：

const ExampleComponent = (props) => { 
    return 
     //render component content here 
} 

...舞台裏で何が起こるのか、このコンポーネントは、コンポーネントからのライフサイクルの挙動を継承するように？

Answer 1

関数としてのステートレスコンポーネントは、ライフサイクルメソッドで見つかるレンダリングメソッドの本体として機能します。関数としてコンポーネントを定義すると、コンポーネントはクラスのrenderメソッドでラップされます。

コンポーネントクラスのrender（）===ステートレスコンポーネント機能

Answer 2

このコンポーネントがコンポーネントからライフサイクル動作を継承するように舞台裏で何が起こりますか？

ステートレスコンポーネントは、バッキングインスタンスとないライフサイクルメソッド、などを有していません。

これは単なる関数で、React要素を返します（文字列とnullは有効なReact要素です）。

リアクションは、コンポーネントとステートレスコンポーネントの処理方法が異なります。レンダリング可能なものを返す関数であれば、直接レンダリングされます。 renderメソッドを持つクラスであれば、クラスはインスタンス化されています（まだ完了していない場合）。renderメソッドが使用されます。