В React 16 метод render может возвращать несколько соседних элементов без обёртки-контейнера. Ты можешь возвращать массив элементов напрямую.
Пример:
const ReactJSDevs = () => {
return [
<li key="1">John</li>,
<li key="2">Jackie</li>,
<li key="3">Jordan</li>
];
}
Ты также можешь вкладывать массивы внутрь других компонентов:
const JSDevs = () => {
return (
<ul>
<li>Brad</li>
<li>Brodge</li>
<ReactJSDevs />
<li>Brandon</li>
</ul>
);
}
Важно: Каждый элемент в массиве должен иметь уникальный проп key, чтобы React мог определить, какие элементы изменились.
React 16 позволяет методу render возвращать примитивные значения напрямую:
Строки:
render() {
return 'Welcome to ReactJS questions';
}
Числа:
render() {
return 2018;
}
key для корректной reconciliationВ React 16 метод render компонента может возвращать массив элементов без обёрывающего контейнера, но каждый элемент в массиве должен иметь уникальный проп key.
Новый — ещё не проверен сообществом
Вы