كتابة حدث onChange في React وTypeScript: كيفية الحصول على event.target.value
مرحباً بالجميع! أنا مبتدئ في TypeScript، أنتقل من JavaScript العادي إلى React + TypeScript. واجهت مشكلة عند معالجة حدث onChange في حقل الإدخال. لا أستطيع فهم كيفية كتابة نوع الحدث بشكل صحيح.
هذا هو الكود الخاص بي:
```tsx
import React, { useState } from 'react';
const MyForm: React.FC = () => {
const [value, setValue] = useState('');
const handleChange = (event) => {
setValue(event.target.value);
};
return (
);
};
```
TypeScript يشتكي من المعامل `event` — يقول إن له نوعاً ضمنياً `any`. جربت كتابة `event: any`، لكنها ممارسة سيئة، والمصحح اللغوي (linter) يشتكي أيضاً. جربت البحث على الإنترنت، لكن هناك خيارات مختلفة: البعض يستخدم `React.ChangeEvent`، والبعض `React.FormEvent`، وآخرون يستخدمون `Event`. أرجو إخباري أي نوع هو الصحيح ولماذا؟ وكيفية معالجة الحدث بشكل صحيح إذا كان لدي، على سبيل المثال...