Comment transmettre des paramètres pour fonctionner dans la fonction useQuery de React Query lorsque l'activation est définie sur false ?
P粉493313067
P粉493313067 2023-08-26 19:27:17
0
1
555
<p>Je crée une requête qui me permet de copier un modèle. La requête pour copier le modèle nécessite un identifiant, mais au départ il n'y en a pas. Comment puis-je transmettre l'identifiant en tant que paramètre à la fonction de requête lorsque je l'appelle dans la fonction onClick. </p> <p>Fonction pour copier le modèle :</p> <pre class="brush:php;toolbar:false;">duplicate : ({ queryKey : [_key, id] }) => axios.get(`${base_url}templates/${id}/duplicate ?auth_token=${auth_token}`),</pre> <p>Ma requête :</p> <pre class="brush:php;toolbar:false;">const { data : duplicateTemplate, refetch : duplicateTemplateFunc } = useQuery( [`modèle], api.duplicata, { activé : faux, onSuccès : () => message.success('Modèle copié avec succès.') }, } )</pré> La méthode <p>onClick est utilisée dans la méthode de rendu de la table antd et me donne l'identifiant via <code>record.id</code>. </p> <pre class="brush:php;toolbar:false;">render : (_value, record) => <div onClick={() => duplicateTemplateFunc(record.id)> copie </div> ),</pré>
P粉493313067
P粉493313067

répondre à tous(1)
P粉675258598
当使用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 }
);
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal