Using pending & error states with createRouteAction

I'm writing a

handleSubmit

handleSubmit

function that, assuming the post request goes through, a user will be navigated to the next page. My function looks like the following:

const handleSumbit = async() => {
  await doThisAction()
  if (doingThisAction.pending && !doingThisAction.error) {
    // navigate to next page
  }
}

const handleSumbit = async() => {
  await doThisAction()
  if (doingThisAction.pending && !doingThisAction.error) {
    // navigate to next page
  }
}

The issue I'm running into at the moment is that both values are immediately evaluated to be truthy and you're navigated to the next page, before getting a response.

Is there a better way to approach this?

SolidJS•3y ago•

3 replies

ladybluenotes

Using pending & error states with createRouteAction

I'm writing a

handleSubmit

handleSubmit

function that, assuming the post request goes through, a user will be navigated to the next page. My function looks like the following:

const handleSumbit = async() => {
  await doThisAction()
  if (doingThisAction.pending && !doingThisAction.error) {
    // navigate to next page
  }
}

const handleSumbit = async() => {
  await doThisAction()
  if (doingThisAction.pending && !doingThisAction.error) {
    // navigate to next page
  }
}

Using pending & error states with createRouteAction

Similar Threads

Using pending & error states with createRouteAction

Similar Threads

Similar Threads

Similar Threads