29-4

props

動的に値を変化させたい時に用いる

手順

1. src/App.tsx内のコンポーネントタグにname属性として値を付与
2. src/components/コンポーネント内で　引数にpropsを記入
3. src/components/コンポーネント return()内で　{props.name}をタグ内に記入

イベントハンドラー

ボタンなどのイベント処理

手順

1. src/components/コンポーネント内で　関数clickHAndlerを定義
2. src/components/コンポーネント return()で　<button onClick={clickHandler}>Click</buttun>を記入

• 関数clickHAndlerを定義
  • const clickHandler=()=>{
    • console.log("clicked");   //処理
  • };