入力フォーム（Input）で文字数（桁数）の制限をかける

（例）「金額入力フォーム」で４桁（９,９９９円）までしか入力させたくないとき。

onChangeでe.target.value.length <= 4の場合のみステートにセットする。

→ ４桁までしか入力できなくなる。（4桁までしかステートに保存できなくなる。）

<PriceForm
  label={
    <div>
      金額
      <br />
      <div className="ml-14 text-xs">（円）</div>
    </div>
  }
  placeholder="300"
  witdh="w-1/3"
  type="number"
  min={0}
  max={9999}
  value={price}
  onChange={(e) => {
    if (e.target.value.length <= 4) {
      setPrice(e.target.value);
    }
  }}
/>