728x90
๋ฐ์ํ
form ์์์ reset ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๊ณ ์ถ์๋ฐ ์๋์ ๊ฐ์ ์๋ฌ๊ฐ ๋ฐ์ํ๋ค.
const handleFormSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
...
e.target.reset(); // TS2339: Property 'reset' does not exist on type 'EventTarget'.
}
TS2339: Property 'reset' does not exist on type 'EventTarget'.
ํด๊ฒฐ ๋ฐฉ๋ฒ
1. ํ์ ๋จ์ธํ๊ธฐ
e.target์ as๋ฅผ ์ฌ์ฉํด์ HTMLFormElement ํ์ ์ ๋จ์ธํด์ค ์ ์๋ค.
(e.target as HTMLFormElement).reset();
const handleFormSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
...
(e.target as HTMLFormElement).reset();
}
2. ํ์ ์ ์ธํ๊ธฐ
target์ HTMLFormElement๋ฅผ์ ํ์ ์ ์ ์ธํด์ค ์ ์๋ค.
ํจ์ ๋ด๋ถ์์ e.target์ ์ฌ๋ฌ๋ฒ ์ฌ์ฉํ๋ค๋ฉด ์๋์ ๊ฐ์ด ํ์ ์ ์ ์ธํด์ฃผ๋ ๊ฒ์ด ๊ฐ๋ ์ฑ์ด ์ข์ ์ ์๋ค.
{ target: HTMLFormElement }
const handleFormSubmit = async (e: React.FormEvent<HTMLFormElement> & { target: HTMLFormElement }) => {
...
e.target.reset();
}
728x90
๋ฐ์ํ
'๐ฉโ๐ค ํ๋ก ํธ์๋ > typescript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[typescript] ๋์ ์ผ๋ก ํค๊ฐ ์ถ๊ฐ๋๋ ๊ฐ์ฒด์ ํ์ ์ง์ ํ๊ธฐ (0) | 2023.01.17 |
---|---|
Property 'Authorization' does not exist on type 'AxiosHeaders' (0) | 2023.01.08 |