タグ

ブックマーク / ushumpei.hatenablog.com (1)

  • Reactコンポーネントを純粋な関数で書こう - ushumpei’s blog

    Reactコンポーネントの書き方は色々あり、es6を使う場合の選択肢は以下の2つがあると思います; クラス 純粋な関数 クラス classの構文を使う場合、React.Componentクラスを継承してコンポーネントを定義します。 class App extends React.Component { render() { return ( <div className="app-component"> {this.props.hello} </div> ); } } 純粋な関数 純粋な関数としてコンポーネントを定義する場合、JSX記法で書いたDOMを返すような関数を記述します。なかなか直感的に書くことができます、親コンポーネントから渡されるpropsも引数として宣言します。 const App = ({ text }) => ( <div className="app-component

    Reactコンポーネントを純粋な関数で書こう - ushumpei’s blog
  • 1