react实现异步插件_react-async - 实现React组件异步获取数据

最新推荐文章于 2024-09-14 07:43:37 发布

虎石台找人

最新推荐文章于 2024-09-14 07:43:37 发布

阅读量553

点赞数

文章标签： react实现异步插件

本文链接：https://blog.csdn.net/weixin_31246141/article/details/111986937

版权

React Async 是一个用于React组件订阅可观察值的库。通过npm安装后，可以使用@Async装饰器来创建异步组件，该装饰器会根据指定的可观察规格订阅并当新数据到达时重新渲染组件。在服务器端，React Async还提供了异步的renderToString函数，用于在获取数据后再渲染组件，从而在服务端填充数据。

摘要由CSDN通过智能技术生成

React Async

VERSION DESCRIBED IN THIS DOCUMENT IS NOT RELEASED YET

React Async provides a way for React components to subscribe for observable values.

Installation

React Async is packaged on npm:

$ npm install react-async

Basic usage

React Async provides a component decorator @Async which given a set of observable specifications wraps a regular React component and returns a new one which subscribes to observables and re-renders the component when new data arrives.

The basic example looks like:

import React from 'react';

import Async from 'react-async';

import Rx from 'rx';

function defineXHRObservable(url) {

return {

id: url,

start() {

return Rx.fromPromise(fetch(url))

}

function MyComponentObservables(props) { <