Reactガイドを読んでいくその147

これは

Reactのガイドを読んでいく記事です。

ガイドのリンク

ja.reactjs.org

React.Component

概要

Reactではコンポーネントをクラスまたは関数として定義できる。
定義にはReact.Componentを継承する。

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}

React.Componentのサブクラスで必須なのはrenderを定義すること。
それ以外は任意なので使い方に合わせて調整する。
ただし、独自の基底コンポーネントクラスを作成しないことが推奨されていて、
それはReactコンポーネントはコードの再利用は継承ではなく、合成によって行われるため。

これからReact.Componentについてみていく。

今日はここまで