Обработка вызова 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>
),
},
];
`**