Cómo usar correctamente useRef y createRef en React con TypeScript: tipificación de refs
¡Hola a todos! Soy nuevo en React y TypeScript, y tengo un problema con el uso de refs. Estoy intentando acceder a un elemento del DOM (por ejemplo, un campo de entrada) mediante useRef, pero TypeScript me da constantemente errores de tipos.
Aquí está mi código:
```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 ;
};
```
He probado diferentes opciones, pero TypeScript se queja ya sea de la inicialización de `useRef(null)` o del intento de llamar a `focus()`. Probé usar `createRef` — la misma historia. En JavaScript este código funcionaba sin problemas, pero en TypeScript estoy atascado.
Díganme, ¿cómo tipificar correctamente los refs en React + TypeScript? ¿Es necesario especificar el tipo de elemento?