javascript - useQuery call in onClickHandler with object of array - Stack Overflow

admin管理员组

文章数量:1355542

I'm using react query.

There is an array of documents (just describing data, no real blobs) with an option to download. They have an onClick handler which calls a function which handles the download.

And in case the user clicks on the download button there is a http request getDocumentById to get the document you want to download.

The Problem is, I can not call my custom query hook in that handleDownload function. But the only place I have my specific document Id is in that function.

const parseDocuments = () => {
    return documents.map(document => ({
      ...document,
      name: document.fileName,
      date: formatDateForUI(new Date(document.created)),
      downloadDocumentHandler: () => downloadFileClickHandler(document),
      read: document.read
    }));
  }

function handleDownload(document) {
  <here I need to call the getDocumentById>
}

return (
  <DocumentsTable documents={parseDocuments()} headers={headers} accountId={accountId} />
)

How is the best way to handle this?

I'm using react query.

There is an array of documents (just describing data, no real blobs) with an option to download. They have an onClick handler which calls a function which handles the download.

And in case the user clicks on the download button there is a http request getDocumentById to get the document you want to download.

The Problem is, I can not call my custom query hook in that handleDownload function. But the only place I have my specific document Id is in that function.

const parseDocuments = () => {
    return documents.map(document => ({
      ...document,
      name: document.fileName,
      date: formatDateForUI(new Date(document.created)),
      downloadDocumentHandler: () => downloadFileClickHandler(document),
      read: document.read
    }));
  }

function handleDownload(document) {
  <here I need to call the getDocumentById>
}

return (
  <DocumentsTable documents={parseDocuments()} headers={headers} accountId={accountId} />
)

How is the best way to handle this?

• javascript
• reactjs
• react-query

Share Improve this question Follow edited Mar 31, 2021 at 16:32 Jason Aller 3,6522828 gold badges4141 silver badges3939 bronze badges asked Mar 31, 2021 at 15:45 btrautmannbtrautmann 4322 silver badges55 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

I've got a problem I don't know the answer.

Then you've e to the right place.

I'm using react query.

That is very good

本文标签： javascriptuseQuery call in onClickHandler with object of arrayStack Overflow