ReactJS コンポーネント名はなぜ大文字で始まらなければならないのですか?

なぜ ReactJS コンポーネント名には大文字が必要ですか?

ReactJS フレームワークを試しているときに、コンポーネント名が小文字で始まることが観察されました。文字がレンダリングされません。たとえば、次のコードはレンダリングされません:

var fml = React.createClass({
  render: function () {
    return <a href='google.com'>Go</a>;
  }
});

React.render(<fml />, document.body);

ただし、「fml」を「Fml」に変更すると問題は解決します。ここで疑問が生じます: なぜコンポーネント タグは小文字で始められないのですか?

答え:

JSX では、小文字のタグ名は HTML タグとして解釈されます。たとえば、 React.createElement('component') としてコンパイルされます。対照的に、大文字のタグは、 などの React コンポーネントとして解釈されます。これは React.createElement(Component) としてコンパイルされます。

ただし、例外もあります。小文字のタグ名の後にピリオド (プロパティ アクセサー) が続く場合、そのタグは HTML タグとみなされません。たとえば、 React.createElement(obj.component).

としてコンパイルされます。

以上がReactJS コンポーネント名はなぜ大文字で始まらなければならないのですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。