How to refetch data if error occured about react-fetch-component

[techniq]

@TheAifam5 This is supported using the fetch function passed to the child render function.

<Fetch url="...">
  {({ loading, data, error, fetch }) => (
    <div>
      {loading && <Loading />}
      {data && <pre>{JSON.stringify(data, null, 2)}</pre>}
      {error && <button onClick={e => fetch()}>Retry</button>}
  )}
</Fetch>

fetch() can be used to retry, but is also available for manually initialed request <Fetch url="..." manual> which are useful for POST/PUT requests.

[TheAifam5]

@techniq Thank you. I wasn't sure about that fetch function. I was thinking that this function requires 2 parameters.

Thank you.

[techniq]

@TheAifam5 This can be a little misleading. You can pass a url or options argument to fetch() to override the last call, but is not required. This is useful in a few use cases (pagination where you want to change the offset, infinite loading (appending to data), update options to send an updated Bearer token / post payload, etc), etc...

There are some tests to show these, but this should be better reflected in the docs.