I have a fetcher which I am using to post to a route action from a component in a seperate file. When someone submits the form associated with this fetcher I want to show a Toast that says "success" or "failed" based on the response from the server. Do I do this with a useEffect hook on fetcher.data or is there a better way?
#How to handle a form submit result with fetcher?
rich agate
rich agate
Bumping this one again, I feel like useEffect is not the right approach for this?
flint lark
we are redirecting with searchparams on the same route for example like toast?=success
strange solstice
Yes, fetcher.data and fetcher.state together should work well to give you the info you need for showing toast notification.
ashen delta
Yeah, I've run into this before as well. I've only managed to get it working via useEffect which feels pretty fragile and wrong. I wish the submit function actually returned a promise that resolved once the action was complete.
cinder marten
Yeah, I've run into this before as well. I've only managed to get it working via...
true
low yacht
Maybe this could help:
