<Async>
component, which is backwards compatible to React v16.3. More recent React applications will be using hooks, of which two are provided: useAsync
and useFetch
. Functionally, <Async>
and useAsync
are equivalent. useFetch
is a special version of useAsync
which is tied to the native fetch
API.useAsync
and useFetch
hooks, and the <Async>
component.Async
componentWe recommend that you pass the options individually, rather than using JSX spread attributes. React Async uses render props to return its state back to you, so it can be used by other components further down the tree.
useAsync
hookWe recommend that you passoptions
as an inline object literal, and that you destructure thestate
object to extract the properties you need, unless you have multiple instances in the same component.
useFetch
hookcreateInstance
Async
component directly, you can also create your own instance of it. This allows you to preload it with options, e.g. to enable global error handling.displayName
Name for this instance, used by React DevTools