как добавить разделитель между каждой строкой для компонента списка Antd

#list #antd

#Список #antd

Вопрос:

Я использую Ant List для своего проекта, и я хотел бы добавить разделитель или разделитель между каждой строкой в компоненте списка, не уверен, как это сделать с помощью Antd это codesandbox, похожий на мой список https://codesandbox.io/s/s233d

Спасибо

Ответ №1:

На самом деле вам не нужно добавлять разделитель. Компонент списка автоматически разделяет каждый элемент строкой, которая выглядит как разделитель. Я бы избавился от свойства ‘grid’ в списке и обновил ваш компонент списка:

  <List 
    dataSource={data}
    renderItem={item => (
      <List.Item>
        <Card title={item.title}>Card content</Card>        
      </List.Item>

    )}
  />