Avatar ·

Wie man useRef und createRef in React mit TypeScript richtig verwendet: Typisierung von Refs

Hallo zusammen! Ich bin neu in React und TypeScript und habe ein Problem mit der Verwendung von Refs. Ich versuche, über useRef auf ein DOM-Element (z.B. ein Eingabefeld) zuzugreifen, aber TypeScript gibt ständig Typfehler aus.\n\nHier ist mein Code:\n\n```typescript\nimport React, { useRef, useEffect } from 'react';\n\nconst MyComponent: React.FC = () => {\n const inputRef = useRef(null); // Fehler: Argument of type 'null' is not assignable to parameter of type 'HTMLInputElement'\n\n useEffect(() => {\n inputRef.current?.focus(); // Fehler: Property 'focus' does not exist on type 'never'\n }, []);\n\n return ;\n};\n```\n\nIch habe verschiedene Varianten ausprobiert, aber TypeScript meckert entweder bei der Initialisierung von `useRef(null)` oder beim Versuch, `focus()` aufzurufen. Ich habe versucht,