Используйте фрагменты вместо div | OTUS
⚡ Подписка на курсы OTUS!
Интенсивная прокачка навыков для IT-специалистов!
Подробнее

Курсы

Программирование
Backend-разработчик на PHP
-9%
Алгоритмы и структуры данных
-9%
Team Lead
-6%
Архитектура и шаблоны проектирования Разработчик IoT
-13%
C# Developer. Professional
-9%
HTML/CSS
-11%
C# ASP.NET Core разработчик
-5%
Kotlin Backend Developer
-8%
iOS Developer. Professional
-8%
Symfony Framework Java Developer. Basic C++ Developer. Professional Web-разработчик на Python MS SQL Server Developer Android Developer. Basic Разработчик программных роботов (RPA) на базе UiPath и PIX Microservice Architecture Unity Game Developer. Basic Разработчик голосовых ассистентов и чат-ботов React.js Developer Node.js Developer Интенсив «Оптимизация в Java» Супер - интенсив по паттернам проектирования Супер - интенсив по Kubernetes Супер-интенсив «СУБД в высоконагруженных системах» Супер-интенсив "Tarantool" C++ Developer. Basic
Инфраструктура
Administrator Linux.Basic
-10%
Мониторинг и логирование: Zabbix, Prometheus, ELK
-10%
Экспресс-курс «CI/CD или Непрерывная поставка с Docker и Kubernetes»
-30%
Administrator Linux. Professional
-6%
Дизайн сетей ЦОД
-13%
Разработчик IoT
-13%
Экспресс-курс по управлению миграциями (DBVC)
-10%
Базы данных Network engineer Разработчик программных роботов (RPA) на базе UiPath и PIX Microservice Architecture Reverse-Engineering. Professional Внедрение и работа в DevSecOps Administrator Linux. Advanced Infrastructure as a code in Ansible Супер-практикум по использованию и настройке GIT Супер-интенсив «СУБД в высоконагруженных системах» Супер-интенсив "Tarantool"
Специализации Курсы в разработке Подготовительные курсы
+7 499 938-92-02

Используйте фрагменты вместо div

Очень часто при работе с React.js у нас на руках оказывается множество компонентов, которые надо оборачивать в div. Все дело в том, что render() позволяет нам вернуть лишь один компонент. А это значит, что мы добавляем в документ лишний элемент HTML. Что тут можно посоветовать?

Если вспомнить официальное руководство, то там написано, что порой мы можем нарушать HTML-семантику, добавляя элементы div в JSX. Мы это делаем, чтобы заставить React-код работать, особенно когда надо обеспечить работу со следующими типами данных: — списки (ol, ul и dl); — таблицы (table).

Так вот, в таких случаях для группировки нескольких элементов нам лучше всего использовать фрагменты React. Вот, как это может выглядеть:

1-1801-0e1a0e.png

Если этот прием вас заинтересовал, добро пожаловать на страницу официальной документации, где вы найдете больше полезной информации.

Источник: https://medium.com/wineofbits/concepts-to-become-an-advanced-react-developer-684d90c086c2.

Не пропустите новые полезные статьи!

Спасибо за подписку!

Мы отправили вам письмо для подтверждения вашего email.
С уважением, OTUS!

Автор
0 комментариев
Для комментирования необходимо авторизоваться