Построение дочерних элементов React на основе данных массива.
Добавление данных из массива осуществляется средствами ECMAScript:
let md = ['Элемент 1', 'Элемент 2']
let root = React.createElement('ul', {id:'list'}, md.map((liD, k)=>React.createElement('li', {key:k}, liD)))
ReactDOM.render(root, document.getElementById('root'))
- Метод map последовательно извлекает данные из массива и передает их анонимной функции (liD, k)=>, которая выполняет React.createElement('li', {key:k}, liD) для каждого элемента массива.
- В параметр liD попадает элемент массива, в параметр k - ключ элемента массива.
- Дочерние элементы при построении из массива, должны содержать свой уникальный ключ, в виде свойства элемента c именем key.