确认按钮触发的查询方法名正确无误
检查是否引入了TableList组件并进行了正确的封装,例如:
const columns = [
{
title: '编号',
dataIndex: 'id',
sorter: true,
},
{
title: '姓名',
dataIndex: 'name',
},
{
title: '操作',
render: (_, record) => (
<>
handleEdit(record)}>编辑
确认查询方法queryRule中参数接收是否正确,例如: const [formValues, setFormValues] = useState({}); const [sorter, setSorter] = useState({}); const [pagination, setPagination] = useState({ current: 1, pageSize: 10 });
const queryRule = async (params) => {
const { dispatch } = props;
const { current, pageSize, ...rest } = params;
const payload = {
...formValues,
...rest,
sorter: sorter.field ? ${sorter.field}_${sorter.order}
: '',
pageSize,
current,
};
await dispatch({
type: 'listTableList/fetch',
payload,
});
setPagination({ ...pagination, current, pageSize });
};
检查查询结果是否正确返回,如果有异常,请检查接口或数据源的返回值。
如果仍无法解决问题,请到Antd Design Pro官方文档或社区中搜索相关问题或提问。