從回調內部訪問查詢變量

Question

請看以下示例：

getOptions() {

  let options = {};

  if (this.props.location.hasOwnProperty('query')) {

    const query = this.props.location.query;

    const queriesMap = {
      'createdBy': 'createdBy',
      'state': 'state',
      'created_from': 'created_at[from]',
      'created_to': 'created_at[to]'
    };

    Object.keys(query).map(function(key) {

      if(queriesMap.hasOwnProperty(key)) {
        options = Object.assign(options, { queriesMap[key]: query[key] });
      }
    });
  }

  return options;
}

我正在使用queriesMap對象來映射URL參數，以建立一個新的URL來調用API。 問題是，當我嘗試從.map回調中訪問query時，該query是未定義的。

如何訪問query變量？

Answer 1

像你看起來是缺少[]圍繞queriesMap[key] 。 因此應該是options = Object.assign(options, { [queriesMap[key]]: query[key] }); 。

另外，您可以只執行options[queriesMap[key]] = query[key]而不是Object.assign