Begrip: Children als array

De kinderen van een componenten, doorgegeven via de children property, kunnen als volgt aangesproken worden als een array:

import {Children, FunctionComponent, PropsWithChildren} from 'react'

const ExampleComponent: FunctionComponent<PropsWithChildren> = ({children}) => {
    const childrenArray = Children.toArray(children)
    // Render enkel het eerste kind.
    return childrenArray[0]
}