IT分からんわ~_~;

IT色々お勉強中のブログ

react学習中

constructor: (props)->

コンポーネントがマウントされる前に呼ばれる。コンストラクタを自分で実装したい場合は

super(props)

を必ず呼ばなければならない。状態を初期化する場所 propsはreadonly stateは変更可能 defaultはpropsとして自分自身の値を参照する場合はhoge デフォルト値を設定する場合はage

    this.state =
      hoge: this.props.hoge
      age: 'age'
componentDidMount: ->

このメソッドはコンポーネントレンダリングされた時にReactが自動で呼び出すメソッドです。Reactではthis.setState()メソッドが呼ばれると新しくstateを設定すると同時に再レンダリングを行います。このcomponentDidMount()メソッドはサーバーからデータを取得してそのデータを元にコンポーネントの再レンダリングを行っています。コンポーネント作成後に実行されるようになっています

  • イベントハンドラ イベントが発生したときに呼び出される処理のこと JavaScriptにおける「イベントをキャッチするグローブ」のこと

  • e.currentTarget.value イベントバブルにおける現在のイベントのDOM要素を返すプロパティ。

  • イベントバブルとは、子要素のイベントが発生すると、その親要素や先祖要素の同じタイプのイベントが発生すること。