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

（例）「金額入力フォーム」で４桁（９,９９９円）までしか入力させたくないとき。 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); } }} />