У меня проблемы с аксиомами. Я пытаюсь использовать библиотеку материалов и сделать таблицу сейчас. Я хочу получить данные Json из «CheckListService» и установить переменную в «dataAll», но это не работает. я устанавливаю переменную Консоль сказала
Строка 10:11: «данным» присваивается значение, но никогда не использовались неиспользуемые переменные.
Может быть, это простая ошибка, но я не понял. Пожалуйста, скажите мне, почему это не работает.
Контрольный список.js
import axios from 'axios'
const CHECKLIST_REST_API_URL = 'http://localhost:8080/api/list';
class CheckListService {
getList() {
return axios.get(CHECKLIST_REST_API_URL);
}
}
export default new CheckListService();
Таблица.js
import React from 'react';
import MaterialTable from 'material-table';
import CheckListService from '../services/CheckList';
export const Table = () => {
let dataAll = [];
const data = () => {
CheckListService.getList().then((response) =>
dataAll = response.data
)
}
const columns = [
{
title: 'リスト番号', field: 'listNo'
},
{
title: '採用日', field: 'saiyouDate'
},
{
title: 'バージョン', field: 'version'
},
{
title: '種別', field: 'shubetu'
},
{
title: 'ライセンス', field: 'licenseManage'
},
{
title: '用途', field: 'youto'
},
{
title: '備考', field: 'bikou'
},
{
title: '承認者', field: 'authorizer'
},
{
title: '承認日', field: 'approvalDate'
},
{
title: 'URL', field: 'url'
}
]
return (
<div>
<MaterialTable title = "MaterialTable"
data = {dataAll}
columns = {columns}
/>
</div>
)
}
Пара вещей -
const [dataAll, setDataAll] = useState([]);
useEffect(() => {
CheckListService.getList().then((response) =>
setDataAll(response.data)
)
}, []) // <!-- empty array has this effect run once, on mount.
Спасибо что сказал мне. Проблема решена!!