Обработка вызова Api с использованием события onclick в react js

** Привет всем, может кто-нибудь предложить мне самый простой способ обработать вызов api с помощью onclick в react js. Я пробовал и другие способы, но всегда получаю сообщение об ошибке "TypeError: Cannot read property 'viewdata' of undefined", может ли кто-нибудь предложить мне другой способ [![введите описание изображения здесь][1]][1] [1]: https://stackru.com/images/441ff86231798f4c24620c1df4712346cd1b5d6a.png ʻenter co

//my api call
handleClick() {
        get("https://get-docs.p.rapidapi.com/api/Claim/GetDocumentList", {
            "content-type": "application/octet-stream",
            "x-rapidapi-host": "get-docs.p.rapidapi.com",
            "x-rapidapi-key": "dd9aad1168msh7ab81579e00d2f7p17fd9fjsnb9446ab25384",
            "useQueryString": true
        }, {"params": "claimId: dd61c35e-3edd-ea11-a813-000d3a795762"}
            , this.viewdata, (failure) => { console.log(failure) });
    }

//response if its success
viewdata = response => {        
        let viewdoc = [];
        for (let i = 0; i < response.data.length; i++) {
            let currentDoc = response.data[i];
            viewdoc.push({
                key: '' + i,
                document: currentDoc.caseTitle,
                filed_by: currentDoc.partyName,
                date: currentDoc.createdDate,
                status: currentDoc.documentStatus,
            });
        };
        this.setState({
            viewdoc: viewdoc,
        });
        console.log(viewdoc)
    }

//where am calling api in button
const columns = [
    {
        title: 'Document'       
    },
    {
        key: 'filed_by'
    },
    {
        dataIndex: 'date'
    },
    {
        title: 'Status'       
         render: (status) => (
            <span style={{ fontWeight: 600, color: "black" }}>{status}</span>
        ),
    },
    {
        title: 'Action',
        key: 'action',
        render: (text, record) => (
            <div size="small">
                <a href="#" onClick={this.handleClick.bind(this)}View File</a>
            </div>
        ),
    },
];

`**

0 ответов

Другие вопросы по тегам