Conditional rendering

We kunnen een component verschillende dingen laten renderen a.d.h.v. variabelen (state of props). Dit ziet er ongeveer zo uit:

if (condition) {
    return <Element />
}

return <OtherElement />

We kunnen hier ook een if / else statement gebruiken:

if (condition) {
    return <Element />
} else {
    return <OtherElement />
}

Als we specifiek delen van een element conditioneel willen renderen, kunnen we ook gebruik maken van inline if statements

return condition ? <Element /> : <OtherElement />