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
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.