必要なページをつくる（5分）

このWebアプリでユーザーができることは以下です。

• スレッドをみる
• スレッドを追加する
• スレッドのレスをみる
• スレッドにレスを追加する

これを満たすには３つのページがあれば十分そうです。

トップページ

• スレッドの一覧が表示される
• スレッドを追加できる

スレッド詳細ページ

• １つのスレッドが表示される
• レスを追加できる

404ページ

• 404メッセージが表示される

コンポーネントを定義する

これらのページとコンポーネントとして定義しておきます。

ファイル./src/components/PageHome.jsを作成します。

jsx
1234567
       
Copied!
import React from 'react'

const PageHome = () => {
  return <h1>{'Home'}</h1>
}

export default PageHome

ファイル./src/components/PageNotFound.jsを作成します。

jsx
1234567
       
Copied!
import React from 'react'

const PageNotFound = () => {
  return <h1>{'404'}</h1>
}

export default PageNotFound

ファイル./src/components/PageThread.jsを追加します。

jsx
1234567
       
Copied!
import React from 'react'

const PageThread = () => {
  return <h1>{'Thread'}</h1>
}

export default PageThread

以上でこのパートは終了です。