Reactメモ ~タグの大文字小文字~

Reactのメモ

一通り学習した後に、新たにReactで得た知識を書きます。ただのメモです。

タグの大文字小文字

タグの中の始まりが小文字の場合、htmlタグとして認識される。大文字の場合コンポーネントとして認識される。

以下、ダメな例

    //コンポーネントは大文字で始める。
    function hello(props){
      return  <div>Hello {props.name} </div>;
    }
    
    //小文字で始まっているため、htmlタグとして認識されている。
    function HelloWorld(){
      return <hello name="Mike" />;
    }

タグの大文字小文字には注意！