React में TypeScript के साथ useState के लिए टाइप कैसे सही ढंग से निर्दिष्ट करें?
नमस्ते साथियों! मैंने React में TypeScript सीखना शुरू किया और तुरंत useState हुक के टाइपिफिकेशन की समस्या का सामना किया।
मेरे पास एक फॉर्म के साथ एक सरल कंपोनेंट है, जहाँ name और age फील्ड वाला एक ऑब्जेक्ट स्टोर करना है। मैं इसे इस तरह करने की कोशिश कर रहा हूँ:
```typescript
const [user, setUser] = useState({ name: '', age: 0 });
```
यह काम करता हुआ लगता है, लेकिन जब मैं इस state को किसी दूसरे कंपोनेंट या फंक्शन में पास करना चाहता हूँ, तो TypeScript एरर देता है। फिर मैंने स्पष्ट रूप से टाइप निर्दिष्ट करने की कोशिश की:
```typescript
interface User {
name: string;
age: number;
}
const [user, setUser] = useState({ name: '', age: 0 });
```
अब यह काम करता है, लेकिन मुझे समझ नहीं आ रहा: क्या हमेशा स्पष्ट रूप से टाइप लिखना ज़रूरी है? और अगर मेरी state एक array है तो? या अगर state null हो सकती है? मैंने यह कोशिश की:
```typescript
const [items, setItems] = useState