小编btr*_*ann的帖子

使用数组对象在 onClickHandler 中调用 useQuery

我正在使用反应查询。

有一系列文档(仅描述数据,没有真正的 blob),并提供下载选项。他们有一个 onClick 处理程序,它调用一个处理下载的函数。

如果用户单击下载按钮,则会出现一个 http 请求 getDocumentById 来获取您要下载的文档。

问题是,我无法在该handleDownload 函数中调用我的自定义查询挂钩。但我拥有特定文档 ID 的唯一位置是在该函数中。

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

Run Code Online (Sandbox Code Playgroud)

处理这个问题的最佳方法是什么?

javascript reactjs react-query

1
推荐指数
1
解决办法
6489
查看次数

标签 统计

javascript ×1

react-query ×1

reactjs ×1