Typescriptでoptionタグのvalueにunion型を適用したい

Question

Typescriptでoptionタグのvalueにunion型を適用したい

interface StateType {
  kind: "T-shirts" | "Cap"
}

const [state, setState] = useState<StateType>({
    kind: "T-shirts",
  });


<select
 onChange={(e) => {
  setState({
   ...state,
   kind: e.target.value,
  });
 }}
>
 <option value="T-shirts">Tシャツ</option>
 <option value="Cap">帽子</option>
</select>

string型だとできますが、ここでunion型で実装する方法はあるでしょうか。
もしくは、他に良い方法はあるでしょうか？

Answer 1

もしくは、他に良い方法はあるでしょうか？

キャストするしかないでしょう。

   kind: e.target.value as StateType['kind'],

Comments

[lkl191]

出来ました！
ありがとうございます！