React+antd中的<Table dataSource={data}>没有输出数据

配置好data数据后,一直没输出数据,以为是axios异步的问题,结果不是。

之前的代码:

let data=[ ]

data.push()

<Table dataSource={data}>

无效果

修改data数据,使用了data.push()函数,但其实所指向的都是一个地址,因此只改变了地址指向的内存数据,React认为虚拟DOM并没有改变,因此,不会重新渲染页面。

解决办法:

修改代码,新建一个对象指向不同地址,再赋值

  const [data, setData] = useState([]);
  let dataList=[];
....

response.data.map(item=>{
    dataList.push({
    key: item.id,
    name: item.username,
    email: item.email,
    gender: item.gender,
    phone:item.phone,
    option:""
    })
  }
  ); 
.....
  setData(dataList);

.....
<Table rowSelection={rowSelection} columns={columns} dataSource={data} />


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值