【React】App.jsの構成(プログラミング初心者)

App.jsは基本的に下記のように書く。

import React from 'react';   //1.
class App extends React.Component{   //2.  
  render(){
   return(   
      [JSX]
    );
  }    //3.
}
export default app;  //4.

1.Reactをimport
2.React.Componentを継承するクラスの定義(クラス名が(今回はApp)がコンポーネント名になる)
3.JSXを戻り値とするrenderメソッドを定義
4.クラスをexport

コメント

タイトルとURLをコピーしました