2017-11-11 9 views
0

空のオブジェクトにパラメータを渡して有効なURLを取得するにはどうすればよいですか?空のオブジェクトにパラメータを渡して有効なURLを取得する方法

私はAPIを取得してURLを取得するためにfetchメソッドを使用していますが、終了URLを取得するにはクエリパラメータを設定する必要があります。

私は今、それが到着」でのみのタイプを取得しています、stationId & へのparamsfetchtrips機能で設定を渡す必要があります。

export default class Api { 
    static fetch(type, params = {}) { 
    const url = `${config.api.host}${config.api.paths[type]}`; 
    console.log(url) 
    let options = { 
     headers: config.api.headers 
    }; 

    Object.assign(options, params); 

    return fetch(url, options) 
     .then(response => response.json()) 
     .catch(error => Promise.reject(error)); 
    } 
    static fetchTrips(stationId, date) { 
    const apiURL = Api.fetch('arrivals'); 
    return apiURL; 
    } 
} 
+0

「Api.fetch( 'arrived'、{'stationId':stationId、 'date':date}) ' – mplungjan

答えて

0

クエリ文字列ノードモジュールを使用してクエリパラメータを作成してください。

import queryString from "query-string";

static fetch(type, params = {}) { 
    const queryParam = queryString.stringify(param); 
    const url = `${config.api.host}${config.api.paths[type]}${queryParam}`; 
    let options = { 
     headers: config.api.headers 
    }; 
    return fetch(url, options) 
     .then(response => response.json()) 
     .catch(error => Promise.reject(error)); 
} 
関連する問題