封装异步渲染的组件

创建计划
2017-05-04 07:53:54
进行中
耗时10天 9时3分2秒
关闭计划
2017-05-14 16:56:56
已完成

有点类似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

大牛们的评论:朕有话说

还没有人评论哦,赶紧抢沙发!