Wie implementiere ich useRef in React?

In der Programmierung, insbesondere in React, wird `ref` verwendet, um auf DOM-Elemente oder React-Komponenten direkt zuzugreifen. Hier ist ein grundlegendes Beispiel, wie du ein `ref` in einer funktionalen Komponente mit React und Hooks erstellen kannst:

1. **Importiere die notwendigen Hooks:**
```javascript
import React, { useRef } from 'react';
```

2. **Erstelle ein `ref` mit `useRef`:**
```javascript
const MyComponent = () => {
const myRef = useRef(null);

const handleClick = () => {
if (myRef.current) {
myRef.current.focus();
}
};

return (
<div>
<input ref={myRef} type="text" />
<button onClick={handleClick}>Focus Input</button>
</div>
);
};
```

3. **Nutze das `ref` in deinem JSX:**
```javascript
<input ref={myRef} type="text" />
```

In diesem Beispiel wird ein `ref` namens `myRef` erstellt und an ein `<input>`-Element gebunden. Wenn der Button geklickt wird, wird die `handleClick`-Funktion aufgerufen, die das `input`-Element fokussiert.

Weitere Informationen findest du in der offiziellen React-Dokumentation: [React Refs and the DOM](https://reactjs.org/docs/refs-and-the-dom.html).