質問: () =>{ return ( テスト ) } ReactDOM.render( , document.getElementById('root') ) ``` とあり、index.htmlに ``` ``` とありました。 質問は3つあります。 ・const Testの部分でなぜアロー関数を用いているのか ・ReactDOM.render の部分は ``` ReactDOM.render( , document.getElementById('root') ) ``` index.htmlのid="root"の部分にTestコンポーネントを埋め込む、という意味か? ・index.htmlにどこにもindex.jsを読み込むと書いていないが、正常に表示されるのはなぜか?そもそもなぜnpm run をするとindex.htmlが呼び出されるのか? 宜しくお願いします。
回答: > > const Testの部分でなぜアロー関数を用いているのか > > > これはアロー関数が、というよりも状態を持たないことを明示するためです。 ここでいう `Test` は状態を持たないため、余計なメモリ割り当てなどが発生せず、また内部で状態が変わってしまって意図しないものを描画してしまうことを防げます。 詳しくは `Stateless Functional Component` などでググってみると良いです。 > > `ReactDOM.render` の部分はindex.htmlのid="root"の部分にTestコンポーネントを埋め込む、という意味か? > > > React のソースコードを読んでみよう! \- マルシテイアや自分でコードを読んだ結果、react/setInnerHTML.js at 94f44aeba72eacb04443974c2c6c91a050d61b1c · facebook/reactで `innerHTML` に `html` を代入しているので、最終的には埋め込んでいると言ってもいいと思います。 > > index.htmlにどこにもindex.jsを読み込むと書いていないが、正常に表示されるのはなぜか?そもそもなぜnpm run をするとindex.htmlが呼び出されるのか? > > > これは `index.html` や `package.json` を見ないとなんとも言えません。 ちなみに、2つ目以降の質問は題名とそれぞれ違う質問になるので、質問を別にしたほうがより良い回答が来るかもしれません。