Is it possible to use a callback of a request? about react-refetch HOT 4 CLOSED

The closest you can get to doing that is using the withRef option and then tacking on an andThen to the request to call methods on the component; however, I'd recommend just handling it in componentDidUpdate.

from react-refetch.

Might have found it.

The handleResponse: function (response) {} can be used, as described under setting defaults and hooking into internal processing

from react-refetch.

Instead of trying to call a callback or do anything like that in render(), I recommend using the componentDidUpdate() hook to act upon changes to settingsPutResponse. Something like:

  componentDidUpdate() {
    if (settingsPutResponse && settingsPutResponse.fulfilled) {
      resetForm();
      setSubmitting(false);
    }
  }

However, resetForm() and setSubmitting(false) should probably be an atomic update to avoid partial state changes.

Better yet, don't even reset your form, but instead, just re-mount it. A cheap way to do that is to wrap it in a container element that has a key attribute that changes.

I would strongly recommend not using handleResponse to accomplish this. It sounds like you're trying to treat a PromiseState as a Promise, but they are not the same thing. Remember, your component is rendering the state of the promise at a point in time, so a callback doesn't really make sense on something that will be re-rendered many times over.

from react-refetch.

Thanks for the feedback. Indeed handleResponse is not correct.

In general, is there no way to handle the response of the fetch as similar to the code examples given?

i.e.

settingsPut(true, (response) => {
//...

// or 
settingsPut(true).then((response) => {
// ...

Would that go against the principles of react-refetch or perhaps be a feature request

from react-refetch.