Почему Sortfield и Sortorder не определены в URL -адресе API, несмотря на то, что они передаются в функции переизбытки? ⇐ Javascript

[Anonymous]

Я строю компонент React с сортируемой таблицей ANTD, и я использую функцию переиздания для получения данных заданий. Функция Refletch принимает параметры для страниц и сортировки, включая Sortfield и SortorOrder. Однако при щелчке заголовка таблицы, чтобы сортироваться, переменные сортировки и сортировки регистрируются как неопределенные, а URL API не включает параметры сортировки. < /P>
const refetch = (
fromIndex: number,
maxCount: number,
append: boolean = true,
sortField?: string,
sortOrder?: string
) => {
let url = `/tasks/list?start=${fromIndex}&count=${maxCount}`;
if (sortField && sortOrder) {
url += `&sortField=${sortField}&sortOrder=${sortOrder}`;
}

console.log("API URL:", url);
console.log("Sort Field Sent:", sortField);
console.log("Sort Order Sent:", sortOrder);

};
< /code>
Столбцы таблицы: < /p>
const JobTableColumns: (
refetch: (fromIndex: number, maxCount: number, append: boolean, sortField?: string, sortOrder?: string) => void
) => DTableTypes.ColumnsData = (refetch) => [
{
key: 'job_name',
title: 'Job Name',
dataIndex: ['details', 'job_name'],
sorter: true,
sortDirections: ['ascend', 'descend'],
onHeaderCell: () => ({
onClick: () => {
const sortOrder = 'asc';
console.log("Sorting column job_name:", { field: 'job_name', order: sortOrder });
refetch(0, JOBS_TABLE_PAGE_LENGTH, false, 'job_name', sortOrder);
},
}),
},
];
< /code>
jobscontainer < /p>
const JobsContainer: React.FunctionComponent = () => {
const { jobs, loading, refetch } = jobsService.useGetJobs();

const refetchTable = () => {
refetch(0, JOBS_TABLE_PAGE_LENGTH, false); // Reload the table
};

const jobsCount = jobs?.jobs?.length || 0;

const onMore = () => {
refetch(jobsCount, JOBS_TABLE_PAGE_LENGTH, true); // Load more
};

useEffect(() => {
refetch(0, JOBS_TABLE_PAGE_LENGTH, false); // Initial load
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);

return (

);
};

export default JobsContainer;
< /code>
jobtable < /p>
return (


record.job_id}
loading={isLoading}
rowActions={{
renderer: renderRowActions,
}}
renderFooter={renderFooter}
/>


);
< /code>
jobview < /p>
const JobsView: React.FunctionComponent = ({ loading, counters, jobs, refetch, onMore }) => {
const permissionObject = usePermission(jobsPermissions);

return (





);
};

export default JobsView;
< /code>
Несмотря на то, что я явно передаю Sortfield и Sortorder, чтобы переиздать, они отображаются как неопределенные в журналах. < /p>
Что может вызвать эту проблему. ? Я что -то не хватает в том, как реагирует обрабатывает функцию вызова или привязку параметров?

Подробнее здесь: https://stackoverflow.com/questions/793 ... -passed-in