javascript - 为什么字符串中的等号会抛出意外的标记错误？

Question

我只知道这个错误是因为我的 React 应用程序中有一个 Sentry Wrapper。

我试图理解为什么等号会在以下上下文中引发异常错误。我对为什么会在字符串中标记比较运算符很感兴趣。

我正在尝试使用字符串值更新状态。

例如

this.state = {
      url: ''
}

然后稍后在我的组件中将该值更新为:

this.setState({
        url: `/?type=all&show=${this.props.show}`,
})

这有时会在 Sentry 中触发 SyntaxError: Unexpected token = 错误

面包屑导致导航事件，即

to  /?type=all&show=someShow
from    /

我知道字符串连接是一种替代方法，但我很想知道为什么它与使用模板字符串不同。

有没有更好的方法来在 JavaScript 中的模板文字之外设置字符串值？

Answer 1

您可以使用 + 在模板文字之前组合字符串:

this.setState({
    url: '/?type=all&show=' + this.props.show
});

但我想知道 this.props.show 是否有时为空，这会导致错误的 URL，因为它会以 show= 结尾，为什么你提到这只是有时在哨兵中触发。

编辑:show= 在 URL 中实际上是有效的