javascript / beginner
Snippet
Funktionale Komponenten und Props
In React sind funktionale Komponenten JavaScript-Funktionen, die JSX zurückgeben. 'Props' (kurz für Properties) werden verwendet, um Daten von einer Eltern- an eine Kind-Komponente zu übergeben, was die Komponente wiederverwendbar macht.
snippet.js
1
2
3
function Welcome(props) {return <h1>Hello, {props.name}</h1>;}
react
Erklärung
1
function Welcome(props)
Definiert eine Komponente namens 'Welcome', die ein Objekt namens 'props' entgegennimmt.
2
{props.name}
Verwendet geschweifte Klammern, um die Eigenschaft 'name' aus dem Props-Objekt in das HTML einzubetten.