コンテンツにスキップ

formのonSubmitで値を取得

最終更新日: 2021-04-02

サンプルコード

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
const onSubmit = (ev: React.FormEvent<HTMLFormElement>) => {
    ev.preventDefault();
    const target = ev.target as typeof ev.target & {
        t1: { value: string };
        t2: { value: string };
    };
    console.log(target.t1.value);
    console.log(target.t2.value);
};
return (
    <div className="App">
        <form onSubmit={(ev) => onSubmit(ev)}>
            <input type="text" id="t1" />
            <input type="text" id="t2" />
            <input type="submit" />
        </form>
    </div>
);

参考