Apa Tipe Parameter Fungsi onChange Input React di TypeScript?

Dibuat
·
Dilihat19 kali
0

Saya lagi belajar TypeScript, berdasarkan apa yang saya baca penggunaan tipe any harus dihindari, sudah berhasil mengubah beberapa tipe ke tipe yang sesuai, tapi saya masih bingun dengan tipe parameter fungsi onChange pada <input> , apa tipe parameternya ya?

Saya sudah coba dengan tipe seperti dibawah, tapi masih error:

function App() {
  const [name, setName] = useState("");

  const onChange = (
    e: React.ChangeEventHandler<HTMLInputElement>
    // ^ apa tipe yang benar?
  ) => {
    setName(e.target.value);
  };

  return <input value={name} onChange={onChange} />;
}

Pesan erornya:

index.d.ts(2414, 9): The expected type comes from property 'onChange' which is declared here on type 'DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>'
ReactTypeScript
1 Jawaban
0

Tipe yang benar adalah React.ChangeEvent<HTMLInputElement>, seperti ini:

function App() {
  const [name, setName] = useState("");

  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {
    setName(e.target.value);
  };

  return <input value={name} onChange={onChange} />;
}
Dibuat

Kamu tau jawabannya?

Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!

Pertanyaan Terkait