Сегодня мы рассмотрим, как визуализировать два элемента рядом с помощью React Fragment. Вы не можете визуализировать два элемента React рядом (span>Hello/span>span>World/span>) в React. Они должны быть заключены в другой элемент (например, <div>). Это может показаться странным ограничением, но, учитывая, что JSX скомпилирован для вызовов React createElement, это имеет смысл.
Наш исходный код будет:
Если мы хотим отобразить рядом два интервала, один из которых говорит «Привет», а другой — «Мир». Давайте начнем с React createElement, а затем посмотрим, как мы можем сделать это с помощью JSX.
Сначала создайте два элемента:
Затем мы будем использовать реагирующий фрагмент для отображения обоих элементов рядом:
Теперь мы можем визуализировать наш element :
Но мы не хотим использовать элемент create из React; вместо этого мы закомментируем приведенный выше код и напишем это:
Мы можем отображать два интервала рядом, используя <React.Fragment>/React.Fragment>, который является синтаксисом jsx.
Вы также можете удалить React.Fragment и заменить его на <></>. Нравиться :
Это все, что нужно для подхалимства.
