162日目(2)-個人種目

個人プロジェクト

本日は履歴を行います

ヘッダーと初心者が

を完了

反応型設定

は現在時刻画面

に出力.

router-domページング

を使用
現在の計画の範囲内でヘッダーと足場が完成した.
メニューで、Emailは私のGmailでメールを送らせて、GidHubとBellogのリンクを追加しました.

GIF

カレントタイム出力

現在時刻を出力するコードを以下に示します.

  const [ current, setCurrent ] = useState(new Date().toLocaleTimeString());

  useEffect(() => {
    const currentTime = () => {
      setCurrent(new Date().toLocaleTimeString());
    }
    setInterval(currentTime, 1000)
    return () => clearInterval(currentTime)
  });

new Date().toLocaleTimeString()を使用して、午前午後のAMまたはPMが一番後ろに並んでいて、時間を見るのが不便であることを示します.
したがって,current.slice(-2)を用いて午前中と午後をそれぞれ表示し,current.slice(0, -3)を用いて時間を短縮した.