今日学んだReact-TypeScriptの知識
5529 ワード
React-TypeScriptの知識
const GuGuDan = () => {
const onSubmitForm = (e) => {
e.preventDefault();
};
return (
<>
<form onSubmit={onSubmitForm}> // 1번
<input
onChange={(e) => setValue(e.target.value)} // 2번
/>
</form>
</>
);
};
上記のコードでは、input
にonChange
のプロパティを直接マークし、関数を記述すると、パラメータのタイプ推定が自動的に行われます.ただし、
onSubmitForm
のように外部に関数を作成し、その値をパラメータとして渡すと、タイプスクリプトはパラメータのタイプ推定を行うことができません.この場合、パラメータのJENERICを使用してタイプを明確にすることができます.
const GuGuDan = () => {
const onSubmitForm = (e: React.FormEvent<HTMLFormElement>) => { // 타입 명시
e.preventDefault();
};
return (
<>
<form onSubmit={onSubmitForm}>
<input
onChange={(e) => setValue(e.target.value)}
/>
</form>
</>
);
};
Reference
この問題について(今日学んだReact-TypeScriptの知識), 我々は、より多くの情報をここで見つけました https://velog.io/@drata313/ㅁㄴㅇテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol