问答

Antd Table 组件动态表头的问题 React

作者:admin 2021-04-22 我要评论

官方的 DEMO 和网上据大部分的资料都是将 columns 写死的如下: const columns = [ { title: '姓名', dataIndex: 'name', key: 'name', }];Table dataSource={da...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

官方的 DEMO 和网上据大部分的资料都是将 columns 写死的如下:

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  }
];

<Table dataSource={dataSource} columns={columns} />;

但我想实现的是表头 columns 是从接口请求过来的,那该怎么弄?弄了很久都弄不出来:

const [columns, setColumns] = useState([]);
setColumns(async()=>{
    return await R_Resource_Select(routerParams.builder);
});
<Table dataSource={dataSource} columns={columns} />

因为刚用 React 所以各种东西都很模糊,希望解惑谢谢

###

首先请求返回的数据必须要有title(显示的名字)、dataIndex(数据里取的key名)

// 如果他的格式直接是
const mock = [{
    title: xxx,
    dataIndex: xxx,
}]
// 那你就直接赋值就行了
const columns = mock;

如果不是那你就把数据自己组装成{title:...,dataIndex:...}

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • Antd Table 组件动态表头的问题 React

    Antd Table 组件动态表头的问题 React

  • java中如何在控制台打印Object[] param

    java中如何在控制台打印Object[] param

  • PHP执行多条sql语句插入或更新一条记录

    PHP执行多条sql语句插入或更新一条记录

  • java怎么用正则表达式提取出html代码中

    java怎么用正则表达式提取出html代码中

腾讯云代理商
海外云服务器