boundless-async

THIS IS AN AUTOGENERATED FILE. EDIT INDEX.JS INSTEAD.

Async

A higher-order component for rendering data that isn't ready yet.

There are plenty of situations where you need to fetch content to be displayed, but want to show some sort of loading graphic in the interim. This component helps to simplify that pattern by handling common types of promises and providing a simple mechanism for materializing the resolved data into JSX.

Props

Note: only top-level props are in the README, for the full list check out the website.

Required Props

There are no required props.

Optional Props

Name	Type	Default Value	Description
contentRenderedFunc	function	() => {}	a callback for when real content has been rendered; either normal passed data or when a passed promise resolves
convertToJSXFunc	function	(x) => x	a function that takes the resolved payload of a promise provided by `props.data` and returns renderable JSX; defaults to trying to render the resolved value of the Promise
data	any	null	a promise, or some other piece of data to be run through `props.convertToJSXFunc`
errorContent	any renderable	'⚠️'	content to be shown if the promise is rejected
loadingContent	any renderable	null	content to be shown while the promise is in pending state