Zustandslose funktionale Komponenten in React

Eine zustandslose Komponente ist nur eine Darstellung des Zustands. Sie kann nur Requisiten darstellen und sollte auch nur das tun. Ein gutes Beispiel ist eine Kopfzeilenkomponente: Nehmen wir an, wir haben eine Kopfzeile, die speziell gestaltet und angezeigt werden muss, also erstellen wir eine zustandslose Kopfzeilenkomponente, die wie folgt aussehen würde.

const Header = props => (
    <header className="header">
        <h1>TWT Header</h1>
        <h3 className="tagline">
            <span>{props.tagline}</span>
        </h3>
    </header>
);