React.jsのローカル環境でのApp.jsとindex.jsの違い

Question

前提・実現したいこと

以下の同じソースコードでindex.jsはHello, React!と表示されるますがApp.jsはエラーにはならないですが何も表示されません。その違いは何ですか？

また同じ.jsの拡張子なのにconsole.log('Hello!');もApp.jsでは表示されません。教えて下さい！

発生している問題・エラーメッセージ

import React from 'react'
import {render} from 'react-dom'

render(<h2>Hello, React!</h2>, document.getElementById('root'))

console.log('Hello!');

import React from 'react'
import {render} from 'react-dom'

render(<h2>Hello, React!</h2>, document.getElementById('root'))

console.log('Hello!');

試したこと

App.jsとindex.jsの違いを調べましたがよく分かりませんでした。

補足情報（FW/ツールのバージョンなど）

create-react-app@3.0.1です。

Answer 1

create-react-appで作った環境では、HTMLから呼び出されるのがindex.jsです。

それ以外のファイルは、index.jsから（直接、あるいは間接的に）importやrequireで呼び出さなければ、全く読み込まれません。

Comments

[lemo]

そういう違いがあったのですね、回答ありがとうございました！