【React】本日の日付をYYYY-MM-DD形式で表示する

new Date()
指定した時刻を表す日付オブジェクトを生成するメソッドです。

引数に日時、時間などを指定することができ、
何も指定されなかった場合は 現在のデバイスに設定されている時刻を取得します。

toLocaleString()メソッド
Dateオブジェクトを文字列に変換するメソッドです。

new Date()と組み合わせて、 new Date().toLocaleString() と書くことができます。

このようにして書くことで、現在時刻を取得し、文字列として表示することができます。

YYYY-MM-DD形式にフォーマットしたい場合

sample.tsx

const today = new Date();
const formatted = today
  .toLocaleDateString("ja-JP", {
    year: "numeric",
    month: "2-digit",
    day: "2-digit",
  })
  .split("/")
  .join("-");