StatelessなComponentは関数を使おうね…という話 #10

今日やったこと

…最初に言っておくと、酒を飲んだら思った以上に酔ってしまいそんなに進捗がありません…。全休だったのに…。

StatelessなComponentを作るときは関数を使おうね

今日も今日とてReactのお話です。

進捗は相変わらず亀よりも遅いですが、少しずつ例のポートフォリオの作業を進めています。

まずは1ファイルにコンポーネントを書きまくるのはあまりに行儀がよろしくないのでファイルを分けました。

ついでなのでクラスを使った方法ではなく関数を使った方法でコンポーネントをかきかえました。

こんな感じ。

import React from 'react'

import HeadSection from './HeadSection'
import AboutSection from './AboutSection'

//class App extends React.Component {
//  render() {
//    return (
//      <div>
//        <HeadSection title="uutarou's profile"/>
//        <AboutSection/>
//      </div>
//    );
//  }
//}

const App = () => {
  return (
    <div>
      <HeadSection title="uutarou's profile"/>
      <AboutSection/>
    </div>
  );
}

export default App;