Comment utiliser correctement useRef et createRef dans React avec TypeScript : typage des refs
Bonjour à tous ! Je suis débutant en React et TypeScript, et j'ai un problème avec l'utilisation des refs. J'essaie d'accéder à un élément DOM (par exemple, un champ de saisie) via useRef, mais TypeScript ne cesse de générer des erreurs de types.
Voici mon code :
```typescript
import React, { useRef, useEffect } from 'react';
const MyComponent: React.FC = () => {
const inputRef = useRef(null); // Erreur : Argument of type 'null' is not assignable to parameter of type 'HTMLInputElement'
useEffect(() => {
inputRef.current?.focus(); // Erreur : Property 'focus' does not exist on type 'never'
}, []);
return ;
};
```
J'ai essayé différentes variantes, mais TypeScript se plaint soit de l'initialisation de `useRef(null)`, soit de la tentative d'appeler `focus()`. J'ai essayé d'utiliser