封装异步渲染的组件

[axetroy]

有点类似Angular的Async管道

<span>Wait for it... {{ greeting | async }}</span>

之前有写过类似的库

ng-promise, 根据promise的结果渲染不同的视图

现在要实现React版

初步拟定组件是这么用的

import { Async, Resolve, Reject, Finally } from '@axetroy/react-async';

class App extends Component {
  render() {
    return (
      <Async wait={Promise.resolve(data)}>
        <Resolve>promise resolve</Resolve>
        <Reject>promise reject</Reject>
        <Finally>promise done, whatever it is reject or resolve</Finally>
      </Async>
    );
  }
}

已完成

react-async