Javascript 使用AntDesign列表和Firebase Firestore数据进行反应

我正试图找出如何使用Ant Design的列表在react应用程序中显示firestore中的数据

列表的设置如下所示：

const data = [
  {
    title: 'Ant Design Title 1',
  },

  <List
    itemLayout="horizontal"
    dataSource={data}
    renderItem={item => (
      <List.Item>
        <List.Item.Meta
          avatar={<Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />}
          title={<a href="https://ant.design">{item.title}</a>}
          description="Ant Design, a design language for background applications, is refined by Ant UED Team"
        />
      </List.Item>
    )}
  />

---

有没有关于如何使用react将数据放入Ant设计列表的示例？

如果您的firebase

用户

源是一个对象数组，那么只需将其直接添加到

数据源

道具中即可

  <List
    itemLayout="horizontal"
    dataSource={users}
    renderItem={item => (
      <List.Item>
        ...
      </List.Item>
    )}
  />

(
...
)}
/>

如果您的firebase

用户

源是一个对象数组，则只需将其直接添加到

数据源

道具中即可

  <List
    itemLayout="horizontal"
    dataSource={users}
    renderItem={item => (
      <List.Item>
        ...
      </List.Item>
    )}
  />

(
...
)}
/>

TypeError: renderItem is not a function

  <List
    itemLayout="horizontal"
    dataSource={users}
    renderItem={item => (
      <List.Item>
        ...
      </List.Item>
    )}
  />