javascript - 如何将反引号添加到 URL 字符串插值中

Question

我正在尝试构建一个采用 BASE_PATH 和字段名字符串的 URL 字符串，以便与我的 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 = 婚姻状况时就不那么好了

当我将字段名用反引号括起来时，获取请求就会起作用，例如。 `婚姻状况`，但我不知道如何修改 URL 构建以在 ${this.props.fieldName} 周围添加反引号，因为我已经在字符串插值中使用了反引号。

Answer 1

您需要转义反引号:

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