Begrip: Functie component

Een functie component is een functie die één herbruikbaar onderdeel van de user interface definieert en JSX-code teruggeeft. De naam van zo'n functie begint steeds met een hoofdletter. Een functie component kan elders in de code gebruikt worden op dezelfde manier als je een HTML-element zou gebruiken.

De twee onderstaande voorbeelden zijn gelijkwaardig, de FunctionComponent en FC interfaces zijn aliassen van elkaar.

FunctionComponent

import {FunctionComponent} from 'react';

const FunctionComponent: FunctionComponent = () => {
    return (
        <p>
            Dis is een functie component,
            de return waarde moet JSX-code zijn.
        </p>
    )
}

const exampleUsage = <FunctionComponent/>;

FC

import {FC} from 'react';

const FunctionComponent: FC = () => {
    return (
        <p>
            Dis is een functie component,
            de return waarde moet JSX-code zijn.
        </p>
    )
}

const exampleUsage = <FunctionComponent/>;

:::