reactjs - Why does react component return multiple elements?

Question

How many elements does React component return? One or multiple? My prof says multiple but I don't get it

question from:https://stackoverflow.com/questions/66057131/why-does-react-component-return-multiple-elements

Answer 1

wrap your nodes in a <React.Fragment> (aka <></>) like below, you can return multiple, otherwise, only 1 root node can be returned

export default () => {
    return <React.Fragment>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </React.Fragment>
}

or

export default () => {
    return <>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </>
}

in earlier version which doesn't have React.Fragment, you need to create a HOC