0 added
0 removed
Original
2026-01-01
Modified
2026-03-10
1
<p>Теги: react, программирование, советы, фрагменты</p>
1
<p>Теги: react, программирование, советы, фрагменты</p>
2
<p>Очень часто при работе с React.js у нас на руках оказывается множество компонентов, которые надо оборачивать в div. Все дело в том, что render() позволяет нам вернуть лишь один компонент. А это значит, что мы добавляем в документ лишний элемент HTML. Что тут можно посоветовать?</p>
2
<p>Очень часто при работе с React.js у нас на руках оказывается множество компонентов, которые надо оборачивать в div. Все дело в том, что render() позволяет нам вернуть лишь один компонент. А это значит, что мы добавляем в документ лишний элемент HTML. Что тут можно посоветовать?</p>
3
<p>Если вспомнить официальное руководство, то там написано, что порой мы можем нарушать HTML-семантику, добавляя элементы div в JSX. Мы это делаем, чтобы заставить React-код работать, особенно когда надо обеспечить работу со следующими типами данных: - списки (ol, ul и dl); - таблицы (table).</p>
3
<p>Если вспомнить официальное руководство, то там написано, что порой мы можем нарушать HTML-семантику, добавляя элементы div в JSX. Мы это делаем, чтобы заставить React-код работать, особенно когда надо обеспечить работу со следующими типами данных: - списки (ol, ul и dl); - таблицы (table).</p>
4
<p>Так вот, в таких случаях для группировки нескольких элементов нам лучше всего<strong>использовать фрагменты React</strong>. Вот, как это может выглядеть:</p>
4
<p>Так вот, в таких случаях для группировки нескольких элементов нам лучше всего<strong>использовать фрагменты React</strong>. Вот, как это может выглядеть:</p>
5
<p>Если этот прием вас заинтересовал, добро пожаловать на<a>страницу официальной документации</a>, где вы найдете больше полезной информации.</p>
5
<p>Если этот прием вас заинтересовал, добро пожаловать на<a>страницу официальной документации</a>, где вы найдете больше полезной информации.</p>
6
<p><em>Источник: https://medium.com/wineofbits/concepts-to-become-an-advanced-react-developer-684d90c086c2.</em></p>
6
<p><em>Источник: https://medium.com/wineofbits/concepts-to-become-an-advanced-react-developer-684d90c086c2.</em></p>
7
7