मुझे अक्ष के बारे में समस्या है। मैं सामग्री-तालिका पुस्तकालय का उपयोग करने और अब तालिका बनाने का प्रयास करता हूं। मैं "चेकलिस्ट सेवा" से जेसन डेटा प्राप्त करना चाहता हूं और वैरिएबल को "डेटाऑल" में सेट करना चाहता हूं लेकिन यह काम नहीं करता है। मैंने वैरिएबल कंसोल सेट किया है

पंक्ति 10:11: 'डेटा' को एक मान दिया गया है, लेकिन कभी भी उपयोग नहीं किया गया है-अप्रयुक्त-वार्स

शायद यह आसान त्रुटि है लेकिन मुझे समझ में नहीं आया। कृपया मुझे बताएं कि यह क्यों काम नहीं करता है।

चेकलिस्ट.जेएस

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();

टेबल.जेएस

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>
    )


}
0
sy-torii 23 पद 2020, 11:09

1 उत्तर

सबसे बढ़िया उत्तर

कुछ चीजें -

  • एपीआई से डेटा प्राप्त करने के बाद घटक को फिर से प्रस्तुत करने के लिए राज्य का उपयोग करें
  • async अनुरोधों को चलाने के लिए एक प्रभाव का उपयोग करें, जिस समय आप लगभग कभी भी पुन: प्रस्तुत करने पर अनुरोध चला रहे हैं, जो खराब है।
const [dataAll, setDataAll] = useState([]);

useEffect(() => {
   CheckListService.getList().then((response) =>
      setDataAll(response.data)
   )
}, []) // <!-- empty array has this effect run once, on mount.
0
andy mccullough 23 पद 2020, 12:42
मुझे बताने के लिए धन्यवाद। समय सुलझा ली गई है!!
 – 
sy-torii
23 पद 2020, 11:53