0 Tage Serie
javascript / beginner
Snippet

Pfeilfunktionen in Next.js-Komponenten

Pfeilfunktionen (Arrow Functions) bieten eine kürzere Syntax zum Schreiben von Funktionen. Sie werden häufig in React-Komponenten und Event-Handlern in Next.js-Anwendungen verwendet.

snippet.js
javascript
1
2
3
4
const MyButton = ({ label }) => {
const handleClick = () => console.log('Clicked!');
return <button onClick={handleClick}>{label}</button>;
};
nextjs
Erklärung
1
const handleClick = () => ...
Definiert eine prägnante Funktion mit der Pfeilsyntax (=>).
2
onClick={handleClick}
Übergibt die Funktion als Referenz an das Klick-Event.