Привет. вот фрагмент кода компонента ant design. <List

Question

Привет. вот фрагмент кода компонента ant design. <List

dataSource={listData}
renderItem={item => (
<List.Item key={item.title}>
{item.content}
</List.Item>
)}
/>
мне нужно сделать компонент по такому же принципу.
есть компонент List, есть компонент ListItem, который является элементом списка. мне надо при создании компонента List вот так передавать, что будет содержать элемент списка ListItem, используя конструкцию renderItem={item => (, как в примере. как мне нужно описать компоненты для этого?

#frontend #javascript #programming #react.js #russian

0

29.12.2021

5 ответов

25 просмотров

Ivan Minin Автор вопроса

Bohdan Bida 🇺🇦
А в чем трабл?

да я вроде сделал, как хотел, только не знаю, корректно ли так писать? <List items={webinars} renderItem={(item) => ( <ListItem key={item._id} item={item} внутри компонента List: {items.map((item) => renderItem(item))}

0

29.12.2021

Bohdan Bida 🇺🇦

Ivan Minin
да я вроде сделал, как хотел, только не знаю, корр...

Вполне Только зачем? В листе библиотеки скорее всего реализована ленивая подгрузка и умный рендер который не рендерит сразу все миллионы айтемов а оптимально их рисует В двоем случае какой профит от рендеоАйтем пропса и лист айтема если тоже самое мог бы сделать и без рендерАйтема ?

0

29.12.2021

Ivan Minin Автор вопроса

Bohdan Bida 🇺🇦
Вполне Только зачем? В листе библиотеки скорее все...

Да, я понимаю. Мне просто захотелось понять, как так можно сделать, потому что иногда я не знал, как описать индивидуальную логику для айтемов конкретного списка, не дублируя одни и те же компонент. + пагинацию я тоже хочу свою прикрутить

0

29.12.2021

Bohdan Bida 🇺🇦

Ivan Minin
Да, я понимаю. Мне просто захотелось понять, как т...

В доке есть пункт про рендер пропсы, можно почитать что это и зачем

0

29.12.2021

Bohdan Bida 🇺🇦 · Accepted Answer

Bohdan Bida 🇺🇦

А в чем трабл?

0

29.12.2021

169 похожих чатов

Привет. вот фрагмент кода компонента ant design. <List

5 ответов

Похожие вопросы