如何在 URL 字符串插值中添加反引号

Question

我正在尝试构建一个 URL 字符串，它采用 BASE_PATH 和 fieldname 字符串以匹配我的 API 路由。不幸的是，我使用的外部数据库在字段名称中包含空格。

我的 api 路由是这样的：localhost/api/data/fieldname

我的提取请求如下所示：

const BASE_PATH = 'http://localhost:8082/api/data/'

  componentDidUpdate() {
    let URL = `${BASE_PATH}${this.props.fieldName}`
    fetch(URL)
    .then(response => response.json())
    .then(data => this.populateData(data))
    .catch(error => error);
  }

这在 fieldname = 教育时效果很好，但当 fieldname = 婚姻状况时效果不佳

当我将字段名用反引号包裹时，获取请求有效，例如。`marital status` 但我无法理解如何修改 URL 构建以在 ${this.props.fieldName} 周围放置反引号，因为我已经在字符串插值中使用了反引号。

Answer 1

你需要逃避反引号：

 let URL = `${BASE_PATH}\`${this.props.fieldName}\``