Допустим, вы создаете пользовательский компонент данных «MyIterator».Этот компонент должен просто использовать два реквизита, которые «автоматически» будут доступны потомку компонента «Список».Одна опора ids
, а другая data
.
Параметр ids
является массивом идентификаторов отображаемых в данный момент элементов данных.И data
- это объект, содержащий данные для всех отображаемых элементов.
Что-то вроде этого должно сделать часть создания настраиваемой таблицы данных -
const MyIterator = ({ids, data}) => ids.map(id=><div key={id}><span>Label</span><span>{data[id].label}</span></div>)
В приведенном выше примере предполагается, чтообъект data-item должен иметь свойство 'label'.
И вот как можно создать собственную сетку данных.