Как использовать компонент LazyList вact-onsenui для отображения данных Dynami c? - PullRequest
Новая
       33

Как использовать компонент LazyList вact-onsenui для отображения данных Dynami c?

1 голос
/ 18 марта 2020

Я использую Axios, чтобы получить dataList с сервера и сохранить его в виде массива. Я хочу использовать LazyList, но в документе нет props для получения динамического c массива данных с сервера, аналогичного dataSource в компоненте List, но в LazyList я вижу только элемент 1, элемент 2, ... Есть ли способ отобразить динамические c ответы данных в LazyList?

Я хочу запустить как следующий код с длинным списком массивов сервера, но он не работает . 

<div style={{height: 100}}>
      <Ons.LazyList
        dataSource={[{id:1,name:"maryam"],{id:2,name:"mary"}]}
        length={100}
        renderRow={(user) => (
  <Ons.ListItem>
       {user.name}
  </Ons.ListItem>
        calculateItemHeight={() =>44}
      />
</div>

1 Ответ

0 голосов
/ 31 марта 2020

Вы должны удалить источник данных. и поместите длину массива в данные attribute.put dynamici c с помощью индекса в ListItem в renderRow. 

const data = [{id:1,name:"maryam"],{id:2,name:"mary"}]

 <div style={{ textAlign: 'center' }}>
      <LazyList
        modifier="inset"
        length={data.length}
        renderRow={index => (
          <ListItem
            key={index}
          >
            {data[index].name}
          </ListItem>
        )}
        calculateItemHeight={() => 44}
      />
...