¡todo el mundo! Soy nuevo en reaccionar-consulta y estaba tratando de hacer una actualización optimista, usando la función de mutación, pero enfrenté un problema, que no puedo obtener un valor anterior de la consulta. ¿Qué estoy haciendo mal?
anteriorCurrentPost - siempre devuelve un valor, que ya ha sido actualizado
Mi función onMutate:
{ onMutate: async (postOrComment: any, emojiType?: string) => { await queryClient.cancelQueries(['currentPost']) // Snapshot the previous value const previousCurrentPost = queryClient.getQueryData(['currentPost']) // Optimistically update to the new value queryClient.setQueryData(['currentPost'], (oldPost: any) => { const updated = { ...oldPost } updated.state.is_liked = !oldPost.state.is_liked updated.stat.like_count = postOrComment.state.is_liked ? oldPost.stat.like_count + 1 : oldPost.stat.like_count - 1 if (emojiType) { updated.state.like_emoji = emojiType } return updated }) return { previousCurrentPost } }Es porque {...oldPost} solo hace una copia superficial, no una copia profunda.
Así que oldPost.state y updated.state son el mismo objeto y cuando haces tu tarea se actualiza en oldPost y en updated