how would you do this without the useQuery's onSuccess callback?

I'm using useQuery to fetch data for a table. The row data has a

category

category

field. I want to add a filter so the user can toggle the display of rows in certain categories. Prior to this major change talk i would reach for the

onSuccess

onSuccess

to set some filter state.

onSuccess: (data) => {
  const categoryState: Record<string, boolean> = {}
  for (const row of data) {
    // toggle all categories on by default
    categoryState[row.category] = true
  }
  setCategoryState(categoryState)
}

onSuccess: (data) => {
  const categoryState: Record<string, boolean> = {}
  for (const row of data) {
    // toggle all categories on by default
    categoryState[row.category] = true
  }
  setCategoryState(categoryState)
}

Would you change this to

useEffect

useEffect

? Or just change the filter logic to only check for categories explicitly set to

false

false

undefined

undefined

would mean "on" as well?

const isFooCategoryOn = categoryState.foo !== false

const isFooCategoryOn = categoryState.foo !== false

TanStack•3y ago•

5 replies

worthy-azure

how would you do this without the useQuery's onSuccess callback?

I'm using useQuery to fetch data for a table. The row data has a

category

category

field. I want to add a filter so the user can toggle the display of rows in certain categories. Prior to this major change talk i would reach for the

onSuccess

onSuccess

to set some filter state.

onSuccess: (data) => {
  const categoryState: Record<string, boolean> = {}
  for (const row of data) {
    // toggle all categories on by default
    categoryState[row.category] = true
  }
  setCategoryState(categoryState)
}

onSuccess: (data) => {
  const categoryState: Record<string, boolean> = {}
  for (const row of data) {
    // toggle all categories on by default
    categoryState[row.category] = true
  }
  setCategoryState(categoryState)
}

Would you change this to

useEffect

useEffect

? Or just change the filter logic to only check for categories explicitly set to

false

false

undefined

undefined

would mean "on" as well?

const isFooCategoryOn = categoryState.foo !== false

const isFooCategoryOn = categoryState.foo !== false

how would you do this without the useQuery's onSuccess callback?

Similar Threads

how would you do this without the useQuery's onSuccess callback?

Similar Threads

Similar Threads

Similar Threads