配置好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} />