@react-web/promise-view

import PromiseView from '@react-web/promise-view' // or // import { PromiseView } from '@react-web/components'

Usage no npm install needed!

<script type="module">
  import reactWebPromiseView from 'https://cdn.skypack.dev/@react-web/promise-view';
</script>

README

@react-web/promise-view

Usage

import PromiseView from '@react-web/promise-view'
// or
// import { PromiseView } from '@react-web/components'

render(
  <PromiseView promise={Promise.resolve('success')}>
  {(state, result) => {
    if (state === 'resolved') return <div>Data: {result}</div>
    if (state === 'rejected') return <div>Error: {result.message}</div>
    if (state === 'pending') return <div>Loading...</div>
    return null
  }}
  </PromiseView>
)

Reference

如何优雅地结合类 Redux 处理异步通信的中间状态？

License

MIT↗