Я впервые работаю с реактивом-админом. Я завершил настройку учебника из документации. Проблема начинается, когда я реализую ту же настройку для моего API.
У меня установлен маршрут веб-API с помощью expressJS для извлечения данных из базы данных mySQL. Предыдущая ошибка заключалась в том, чтобы включить X-Total-Count в заголовок ответа HTTP для разбивки на страницы для работы в React-Admin.
Я добавил X-Total-Count в заголовок ответа HTTP, и данные успешно извлекаются из веб-API в интерфейс реагировать-администратор. Тем не менее, нумерация страниц все еще не работает, как ожидалось.
Следующие фрагменты могут быть полезны.
In App.js
<Admin dataProvider={jsonServerProvider("/api/fetch/")}>
<Resource
name="temp"
list={UserList}
edit={UserEdit}
create={CreateUser}
/>
</Admin>
Веб-экспресс API в fetch.js
route.get('/temp', (req, res) => {
sql.query(`SELECT * FROM temp`, (err, result) => {
if (err) {
return res.status(400).send(`Invalid Request: ${err}`)
}
res.setHeader('X-Total-Count', result.length)
return res.status(200).send(result)
})
})
В server.js
app.use(cors()); // using cors
Реакт-администратор показывает все данные, извлеченные из веб-API, в одной таблице без функций разбивки на страницы и сортировки, что мне не нужно. Как вы можете видеть, разбивка на страницы настроена так, чтобы отображать 10 записей на таблицу и разбивать оставшиеся записи на нумерацию страниц, в то время как в моем случае все данные отображаются на одной таблице, а меню разбивки на страницы не работает.
Аналогично сортировка таблицы по столбцам также не работает
