javascript - 为什么ant design的table会有loading的模糊效果？

问题描述

问 题

在使用ant design的table组件的时候，一段最简单的代码，呈现出来的数据却有loading的模糊效果。 下面是demo代码

const dataSource = [{
  key: '1',
  name: '胡彦斌',
  age: 32,
  address: '西湖区湖底公园1号'
}, {
  key: '2',
  name: '胡彦祖',
  age: 42,
  address: '西湖区湖底公园1号'
}];

const columns = [{
  title: '姓名',
  dataIndex: 'name',
  key: 'name',
}, {
  title: '年龄',
  dataIndex: 'age',
  key: 'age',
}, {
  title: '住址',
  dataIndex: 'address',
  key: 'address',
}];


const AgentList = React.createClass({
  render: function (){
    return (
      <Table dataSource={dataSource} columns={columns} loading={false} />
    );
  }
});

下面是效果图

这个问题本来是没有的。在我更新了ant design的版本之后，才出现
我之前的版本是2.1.0
更新后的版本是2.7.0

我在不同的机器上，不同的操作系统上，都测试了下，只要是2.1.0，就不会有问题。高于这个版本的库，就会有这个问题产生。

请问，这个该如何解决？

我补充一下，用同样的新库，我把这段代码单独拿出来跑，一切正常。但是加到项目中，就出现了这个问题。会不会是有插件产生了冲突？

解决方案

你一定是引入了旧版本 antd 的样式代码。

这篇关于javascript - 为什么ant design的table会有loading的模糊效果？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！