这通常是由于状态不正确地维护了表格导致的。正确的做法是使用setState()来更新状态,这将重新渲染组件并更新表格。以下是一个代码示例:
import React, { Component } from 'react';
import { Table } from 'antd';
class MyTable extends Component {
state = {
dataSource: []
};
componentDidMount() {
this.fetchData();
}
fetchData = async () => {
const response = await fetch('/api/data');
const dataSource = await response.json();
this.setState({ dataSource });
}
render() {
const { dataSource } = this.state;
return (
);
}
}
在上面的代码中,fetchData()函数使用fetch()方法从后端获取数据,然后使用setState()来更新组件的状态。这将触发Table组件的重新渲染,以显示新的数据。
下一篇:表占用的内存缓冲池