Tengo este código en el que recuperamos los datos u obtenemos los datos usando useQuery . Sin embargo, falla cada vez que intento llamarlo usando este método.
const { data: {getSubCategories} } = useQuery(FETCH_SUBCATEGORIES_QUERY);Parece arrojar un error que indica que 'getSubCategories' no está definido, así que probé este método:
const { getSubCategories: subCategories } = { ...subCategoryData }; const { getChildCategory } = { ...data };Funciona, pero creo que hay un mejor enfoque o una forma más eficiente de desestructurar algo con sintaxis condicionales para que no pueda devolver indefinido. Supongo que me doy cuenta de que pasarán unos segundos antes de que devuelva datos.
¿Le importaría comentar a continuación si no entiende lo que estoy tratando de decir o si necesita más aclaraciones? Gracias.
Parece arrojar un error que indica que 'getSubCategories' no está definido
No, arroja un error cuando data no están undefined . Puede eludir eso usando un valor predeterminado:
const { data: {getSubCategories} = {} } = useQuery(FETCH_SUBCATEGORIES_QUERY);Si lo he entendido correctamente, puedes probar esto: (destruir de forma segura del objeto)
const { data: {getSubCategories} } = useQuery(FETCH_SUBCATEGORIES_QUERY) || {};