Блог

Главная - Вопросы по программированию - Почему компонент react возвращает несколько элементов?

Почему компонент react возвращает несколько элементов?

#reactjs

#reactjs

Вопрос:

Сколько элементов возвращает компонент React? Один или несколько? Мой профессор говорит несколько, но я этого не понимаю

Комментарии:

1. Компонент react может возвращать один элемент, несколько элементов или никаких элементов ( null ).

2. Следующая статья может помочь. reactjs.org/blog/2015/12/18 /…

Ответ №1:

оберните свои узлы в <React .Фрагмент> (он же <></>) как показано ниже, вы можете вернуть несколько, в противном случае может быть возвращен только 1 корневой узел

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

или

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

в более ранней версии, в которой нет React.Фрагмент, вам нужно создать HOC

Метки: