Tengo 3 consultas en RTK que se ejecutan cuando se monta el componente. Los datos de la primera consulta se pasan a la segunda y tercera y uso skip: !isSuccess para que la consulta se ejecute solo cuando los data están disponibles. Esto funciona bien. Sin embargo, mi caso de uso es ligeramente diferente. Deseo tomar ID de los data en la primera consulta para pasar a otras dos consultas. Si envío los datos tal cual, tengo que colocar IDs = data.map(row => row.id) dentro de la función de consulta, que se ejecuta dos veces ya que hay dos consultas que utilizan los mismos datos. Deseo extraer estos ID antes de enviar las consultas.

Así es como se ve mi código:

 # inside the component const { data, error, isLoading, isSuccess } = useGetDataQuery(); const { data: todoData, error: todoError } = useGetCountersQuery({"issueType": "todos", data}, {skip: !isSuccess}); const { data: rmaData, error: rmaError } = useGetCountersQuery({"issueType": "rmas", data}, {skip: !isSuccess}) if (error) { console.log(error); } if (data) { if (!data.success){ console.log("failed"); } }

 # the query getCounters: build.query({ query: ({issueType, data}) => { let IDs = data.data.map(row => row.id); return ({ url: `${issueType}/count`, method: 'POST', body: { IDs } }) } })

Esto es lo que deseo lograr:

 let IDs = []; const { data, error, isLoading, isSuccess } = useGetDataQuery(); const { data: todoData, error: todoError } = useGetCountersQuery({"issueType": "todos", data: IDs}, {skip: IDs.length <= 0}); const { data: rmaData, error: rmaError } = useGetCountersQuery({"issueType": "rmas", data: IDs}, {skip: IDs.length <= 0}); if (error) { console.log(error); } if (data) { if (!data.success){ console.log("failed"); } IDs = data.data.map(row => row.id); }

Lo he intentado de varias maneras, pero deseo saber cuál es la forma ideal de hacerlo. Por favor ayuda. ¡Gracias por adelantado!