Begrip: Properties

De properties of props zijn beschikbaar op elke component en worden meegegeven via een parameter in de functie die de component definieert. Deze parameter is steeds een object. Via een TypeScript interface wordt gedefinieerd welke properties verwacht worden.

In JSX-code kunnen properties doorgegeven worden als HTML-attributen.

import {FunctionComponent} from 'react';

interface ExampleComponentProps {
    example: string;
}

const ExampleComponent: FunctionComponent<ExampleComponentProps> = (props) => {
    return <p>{props.example}</p>;
}

const exampleUse = <FunctionComponent
    example={'This is an example value for the property example.'}/>