React Selectコンポーネント onChangeのイベントの値を渡したい

Question

event.target.valueへアクセスしたい

HTMLの<select>を使う以下のコードで成立しています。
しかし、コンポーネントへevent.target.valueを渡す時はこれでは成立しません。

renderSelect(State:number){
if(State===1){
  return(
           <select
            onChange={(e) =>
              this.setState({ set_num: parseInt(e.target.value) })
            }
            defaultValue=""
          >
            {this.state.prefecture_arry?.map((d) => (
              <option value={d.value}>{d.label}</option>
            )) || ""}
          </select>
        )
}

オプションに入力しているものは以下のような形です。

[{value: 0 , label : "札幌"},
{value : 1, label :"江別"}
];

失敗している例

import Select from "@material-ui/core/Select";

 renderInputPoint(State:number){
    if(State >= 1){

      return (
        <tr>
          <td>観測点</td>
          <td>
          <Select
            onChange={(e) =>
              this.setState({ set_num: parseInt(e.target.value) }) 
//型 'unknown' の引数を型 'string' のパラメーターに割り当てることはできません。ts(2345)
            }
            defaultValue=""
          >
            {this.state.prefecture_arry?.map((d) => (
              <option value={d.value}>{d.label}</option>
            )) || ""}
          </Select>

              </td>
          </tr>
      )
      }else{
        return <tr></tr>

      }
      


  }

コードに入れたエラーコードの通り、
型 'unknown' の引数を型 'string' のパラメーターに割り当てることはできません。ts(2345)
というものが出てきてしまいます。

求める回答

とにかく、eventの情報をコンポーネントに渡して、表示部を変えたい。
onChangeでstateの情報を変更したいということです。

Answer 1

エラーメッセージの通り、eの型が指定されていないのが原因な気がします。

onChange={(e) => this.setState({ set_num: parseInt(e.target.value) }) 

この部分を以下のように変更してみたらどうなりますか？（私は動作確認していません）

onChange={(e:React.FormEvent<HTMLSelectElement>) => this.setState({ set_num: parseInt(e.target.value) }) 

Comments

[Hojyo]

仰る通りでした。
イベントの引数の型指定が必要なようです。
jsの情報ばかりを見ていたのでtsだということを考慮しなくてはいけなかったのですね。