React और TypeScript में useRef और createRef का सही उपयोग कैसे करें: रेफ्स की टाइपिंग
सभी को नमस्ते! मैं React और TypeScript में नया हूँ, और मुझे रेफ्स के उपयोग में समस्या आ रही है। मैं useRef के माध्यम से DOM-एलिमेंट (जैसे, इनपुट फील्ड) तक पहुँचने की कोशिश कर रहा हूँ, लेकिन TypeScript लगातार टाइप एरर दे रहा है।
यहाँ मेरा कोड है:
```typescript
import React, { useRef, useEffect } from 'react';
const MyComponent: React.FC = () => {
const inputRef = useRef(null); // Error: Argument of type 'null' is not assignable to parameter of type 'HTMLInputElement'
useEffect(() => {
inputRef.current?.focus(); // Error: Property 'focus' does not exist on type 'never'
}, []);
return ;
};
```
मैंने अलग-अलग विकल्प आज़माए, लेकिन TypeScript कभी `useRef(null)` की इनिशियलाइज़ेशन पर, तो कभी `focus()` को कॉल करने पर एरर दे रहा है। मैंने उपयोग करने की कोशिश की