Wie übergebe ich Parameter an die Funktion in der useQuery-Funktion von React Query, wenn aktiviert auf false gesetzt ist?

Question

Ich erstelle eine Abfrage, die es mir ermöglicht, eine Vorlage zu kopieren. Die Abfrage zum Kopieren der Vorlage erfordert eine ID, die zunächst jedoch nicht vorhanden ist. Wie kann ich die ID als Parameter an die Abfragefunktion übergeben, wenn ich sie in der onClick-Funktion aufrufe?

Funktion zum Kopieren der Vorlage:

duplicate: ({ queryKey: [_key, id] }) => axios.get(`${base_url}templates/${id}/duplicate ?auth_token=${auth_token}`),

Meine Anfrage:

const { data: doubleTemplate, refetch: doubleTemplateFunc } = useQuery(
    [`Vorlage],
      api.duplicate,
    {
      aktiviert: falsch,
      onSuccess: () =>
        message.success('Vorlage erfolgreich kopiert.')
      },
    }
  )

Die

onClick-Methode wird in der Render-Methode der Antd-Tabelle verwendet und gibt mir die ID über record.id.

render: (_value, record) =>
    <div onClick={() => doubleTemplateFunc(record.id)>
        Kopieren
    </div>
 ),

Answer 1

当使用react-query库中的useQuery hook并将enabled设置为false时，您仍然可以将参数传递给正在执行的函数。您只需要将参数作为对象传递给useQuery hook的第二个参数。
const { data, isLoading, error } = useQuery(
["fetchData", { id: 123, name: "John" }],
(_key, params) => {
return fetch(`https://your-api.com/data/${params.id}?name=${params.name}`)
  .then(res => res.json());
},
{ enabled: false }
);