React InputFromで数字だけ入力できるようにしたい

Question

reactとtypescriptを使っています。
inputFormに数字しかいれれないようにtype="number"を設定してchangeイベントの時にstateに入力した数字を登録したいのですがe.taraget.valuがエラーになりできません。
typeを　type="Input"にすればe.taraget.valueがエラーにならずにstateに登録できるのですが、typeをnumberにしたらできません。
解決方法がわからないのでわかる人がいましたら教えて欲しいです。

   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setState({ ...state, ｔext: e.target.value});

   <TextField
      type="number"
      autoFocus
      value={text}
      error={false}
      onChange={handleInputChange}
      variant="outlined"
    /> 

Comments

[hoshi-takanori]

type="tel" がいいようですが、本当かなぁ。
https://qiita.com/Avocado/items/2148d3af400823f91ea5

Answer 1

e.target.valueAsNumber というのがあります。
これによって、number型としてイベントから値を取得出来るかと思います。

Comments

[whiwhdiw]

ありがとうございます