使用pro-components遇到的问题

使用ProTable组件进行数据渲染遇到的复杂数据结构如何处理?

参照官方文档:ProComponents官网

javascript 复制代码
  {
      title: 'sku信息',
      ellipsis: true,
      search: false,
      width: 160,
      dataIndex: 'skus',
      render: (_, record: any, dom) => (
        <Space>
          {record.skus.map((item) => (
            <List>
              <List.Item key={item.goods_sku_id}>
                <List.Item.Meta
                  avatar={
                  <Image width={50} height={50} src={item.spu_img_head} />
                  }
                  title={
                    <>
                      <a style={{ marginRight: 15 }}>{item.spu_name}</a>
                      {
                        item.sku_attrs.map((attr, index1) => (
                          <Tag key={attr.value}>
                            {attr.value}
                          </Tag>
                        ))
                      }
                    </>
                  }
                  description={
                    <>
                      <Text type="secondary" ellipsis={true} copyable style={{ fontSize: 12, display: 'block' }}>SKU名称:{item.sku_name}</Text>
                      <Text type="secondary" ellipsis={true} copyable style={{ fontSize: 12, display: 'block' }}>SKU数量:{item.num}</Text>
                      <Text type="secondary" ellipsis={true} copyable style={{ fontSize: 12, display: 'block' }}>SKU价格:{item.price}</Text>
                    </>
                  }
                />
              </List.Item>
            </List>
          ))}
        </Space>
      )
    },
相关推荐
island13146 小时前
【Redis#10】渐进式遍历 | 数据库管理 | redis_cli | RES
数据库·redis·bootstrap
心想事成的幸运大王6 小时前
Redis的过期策略
数据库·redis·缓存
倔强的石头_6 小时前
CentOS 上安装KingbaseES(ISO包)详细教程
数据库
Nan_Shu_6146 小时前
Web前端面试题(2)
前端
知识分享小能手7 小时前
React学习教程,从入门到精通,React 组件核心语法知识点详解(类组件体系)(19)
前端·javascript·vue.js·学习·react.js·react·anti-design-vue
2401_897930067 小时前
使用Docker轻松部署Neo4j图数据库
数据库·docker·neo4j
诗句藏于尽头7 小时前
Django模型与数据库表映射的两种方式
数据库·python·django
蚂蚁RichLab前端团队7 小时前
🚀🚀🚀 RichLab - 花呗前端团队招贤纳士 - 【转岗/内推/社招】
前端·javascript·人工智能
孩子 你要相信光8 小时前
css之一个元素可以同时应用多个动画效果
前端·css
huangql5208 小时前
npm 发布流程——从创建组件到发布到 npm 仓库
前端·npm·node.js