Fragment

Il n’est pas possible d’effectuer un rendu de plus d’un composant à la fois. Pour palier à se problème, il est possible d’utiliser le composant « Fragment ». Ce composant est importé depuis « React ».

 1import {Fragment} from 'react';
 2
 3const Numbers = () => {
 4    return (
 5        <Fragment>
 6            <Module1/>
 7            <Module2/>
 8        </Fragment>
 9    )
10}

Il est possible d’utiliser la forme courte « <> … </> ». Il ne sera alors plus nécessaire de faire l’import depuis “react”.

const Numbers = () => {
    return (
        <>
            <Module1/>
            <Module2/>
        </>
    )
}