ReactComponentのrenderをJavaScriptで書いた場合の疑問

Question

JavaScriptを一通り勉強した初学者がreactに挑戦中というレベル感のものです。

ReactのDocumentにて関数コンポーネントとクラスコンポーネントという所で疑問に思ったことを質問させてください。

//関数コンポーネント
function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

//クラスコンポーネント
class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

ドキュメントには『上記 2 つのコンポーネントは React の視点からは等価です。』と書かれています。

関数コンポーネントの方はWelcomeのコンストラクタで、クラスコンポーネントはおそらくReact.ComponetのrenderメソッドでJSXをreturnしています。

クラスコンポーネントが下記なら等価な気がしました。

//私が思う等価なクラスコンポーネント
class Welcome extends React.Component {
  constructor() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

ReactDOMのLifeサイクルのrenderでJSXを返すようにしているんだろうなというのは理解できます。

質問内容

『クラスコンポーネントと関数コンポーネントがReactの視点からは等価』というのがまだしっくり来ていません。関数コンポーネントはただコンストラクタでJSXをreturnするだけだと思います。

まだドキュメントを読み始めて1日目で、もう少し読み進めれば等価だなと理解できるんでしょうか？
何か私の『上記 2 つのコンポーネントは React の視点からは等価です。』の理解が捗るご説明をして頂けないでしょうか。

大雑把な質問で申し訳ないです。
よろしくお願いいたします。

Answer 1

上記 2 つのコンポーネントは React の視点からは等価です。

こちらは下記ドキュメントに書かれてるかと存じます。
https://ja.reactjs.org/docs/components-and-props.html

“React の視点から”という点が重要になります。
Reactではこれら２つのコンポーネントは <Welcome name=“Taro” /> と利用が可能なので、この観点から”等価”と記載してるのかと想定しています。

英語版ドキュメントでも、同様の表現です。
https://reactjs.org/docs/components-and-props.html
The above two components are equivalent from React’s point of view.

詳しく知りたい場合は、海外の質問サイトに投稿すれば、Reactのコアメンバーやその他詳しい方たちが回答してくれる可能性もあるので、一度聞いて見ると良いかもしれません。