remote data下載 - remote data原始碼下載

remote data

其他類別

1.0.0

下載

遠端資料

用於從遠端來源（包括 HTTP）獲取資料的微型（小於 450 位元組）工具。有關遠距數據為何有幫助的詳細文章，請閱讀這篇文章。

安裝

國家公共管理

 $ npm install @roebuk/remote-data

ES模組

 < script type =" module " >
  import RemoteData from 'https://cdn.skypack.dev/@roebuk/remote-data' ;
</ script >

腳本標籤

 < script src =" https://unpkg.com/@roebuk/remote-data " > </ script >

文件

API文件

基本範例

 import * as RemoteData from '@roebuk/remote-data' ;

// Set the initial state
var remoteUsers = RemoteData . NotAsked ( ) ;

// An interaction starts off the request
remoteUsers = RemoteData . Loading ( ) ;

// Once the request is complete,
// it will either be in a `Success` or `Failure` state.
remoteUsers = await fetch ( '/api/users' )
                        . then ( res => res . json ( ) )
                        . then ( users => RemoteData . Success ( users ) )
                        . catch ( err => RemoteData . Failure ( err ) ) ;


// "Pattern match" on the RemoteData type and extract the current state. 
// The return value of the functions should all be of the same type.
RemoteData . match ( {
    notAsked : ( ) => 'Not Requested the data'
    loading : ( ) = > 'Loading...'
    success : users => `Loaded ${ users . length } users` ,
    failed : err => `Something when wrong. Details: ${ err . message } `
} , remoteUsers ) ;