远程数据类型 
说明
远程数据(ReptectData)是一款ADT(代数数据类型),描述于: 本条高度基于 fp - ts (英语) 莉比,别这样.
安装
npm i --save @devexperts/remote-data-ts
如何在远程数据中显示( rap) 数据 :
正如您所记得的,远程数据是一个少数类型的联盟: RemoteInitial, (中文(简体) ), RemotePending, (中文(简体) ), RemoteFailure 财务报告和审定财务报表 RemoteSuccess。 。 。 .
数据输入时 初次 或者说 待处理 状态只是使用 initial 或者说 pending 因为你没有 真实 中数值.
import { initial, pending } from '@devexperts/remote-data-ts';
const customers = initial;
// or
const customers = pending;
从服务器接收数据时,请使用 failure 或者说 success 函数,取决于您收到什么:
import { failure, success } from '@devexperts/remote-data-ts';
import { apiClient } from 'apiClient';
import { TCustomer } from './MyModel';
const getCustomers = (): RemoteData<TCustomer[]> => {
const rawData: TCustomer[] = apiClient.get('/customers');
try {
const length = rawData.length;
return success(rawData);
}
catch(err) {
return failure(new Error('parse error'));
}
}
如何从远程数据折叠( 取消) 数据 :
最后你把数据传递到组件中,想要渲染出值,所以现在是时候从远程数据包取回我们的值了:
import { NoData, Pending, Failure } from './MyPlaceholders';
import { TCustomer } from './MyModel';
type TCustomersList = {
entities: RemoteData<TCustomer[]>;
};
const CustomersList: SFC<TCustomersList> = ({ entities }) => entities.foldL(
() => <NoData />,
() => <Pending />,
err => <Failure error={err} />,
data => <ul>{data.map(item => <li>{item.name}</li>)}</ul>
);
文件实例( E)
马上就来(请检查 来源(中文(简体) )
捐款
发布
别忘了跑 npm run changelog 并进行修改