为什么我的ES6字符串连接失败?

时间:2019-04-19 18:45:48

标签: reactjs

我正在尝试将字符串与存储在变量中的某些值连接起来。由于意外的令牌错误,此操作失败。

我尝试使用ES6样式的字符串串联

glm_object = cv.glmnet(x=x, y=y, family='binomial', alpha=0, type.measure ='deviance', nfolds=5)

在这里,变量GOOGLE_MAPS_API_KEY拥有该值,我正在尝试通过该变量使用它。

我收到此错误:

const MapWithASearchBox = compose(
  withProps({
    googleMapURL=`https://maps.googleapis.com/maps/api/js?key=`${GOOGLE_MAPS_API_KEY}`&v=3.exp&libraries=geometry,drawing,places`,
    loadingElement: <div style={{ height: `100%` }} />,
    containerElement: <div style={{ width: '100vw',height: '100vh' }} />,
    mapElement: <div style={{ height: `100%` }} />,
  }),
/MapWithASearchBox.js: Unexpected token, expected ,

如何解决此错误?

1 个答案:

答案 0 :(得分:2)

删除模板文字中的rpm -a --setperms

`

模板文字将以第二个googleMapURL=`https://maps.googleapis.com/maps/api/js?key=${GOOGLE_MAPS_API_KEY}&v=3.exp&libraries=geometry,drawing,places`, // ^^ ^^ 结尾,即JavaScript将`视为一个文字,并尝试将`https://maps.googleapis.com/maps/api/js?key=`评估为普通的JavaScript代码。

也许看一下普通的字符串文字会更容易:

${GOOGLE_MAPS_API_KEY}

这同样适用于任何分隔符,包括模板文字。

但是在您的情况下,内部反引号是错误的,因此您应该删除它们。