Welcome to our Website
LAPOZ-AI

#####①イベント イベントを用いることで何かイベントが発生した時に処理を実行することができる （例）onClick onClick={()=>{console.log('イベント発生')}}>onClick

#####②state ユーザの動きによって変わる値をstatと呼ぶ。 stateはconstructorの中で、オブジェクトとして定義する。 constructor(props),super(props) this.state={オブジェクト} のように記載するのがテンプレートである。

#######注意事項 Reactでは、「stateの値に直接代入することで値を変更してはいけない」という決まりがあります。

#####③コンポーネント 部品やパーツを意味している。 webサイトのヘッダーやサイドバーなど様々な部品を表す。 コンポーネント自体を一つのクラスで記載する。 例えば、Sample.js（jsx）というコンポーネントを作成する。 Sample.jsコンポーネントを大元のApp.jsにエクスポートする。

#####④props コンポーネントの表示を変更できる。 Sample.jsコンポーネントは汎用型とし、 アレンジしてApp.jsで表示できる。 ○Sample.jsx render(){ return( {this.props.name} ) } ○Main.jsx render(){ const Item ={ name:hogehoge image:hogehoge.jpeg } return( ) }