小编Dry*_*ony的帖子

无法在 React Js(Babel) 中使用连字符“-”访问 JSON 属性

我正在构建一个小的 React 组件(用 Babel 编译)。我必须在名称中使用破折号访问属性。

this.setState({
  newArtist: {
    birthdate: artist.life-span.begin
  }
});
Run Code Online (Sandbox Code Playgroud)

此代码抛出错误Uncaught ReferenceError: span is not defined

经过一番研究,我发现我需要使用括号使用替代符号。['寿命']

this.setState({
  newArtist: {
    birthdate: artist['life-span']begin
  }
});
Run Code Online (Sandbox Code Playgroud)

但是这个让 Babel 抛出一个语法错误。

bundle.js:1 SyntaxError: /file/path: Unexpected token, expected , (24:38) while parsing file

所以我被困在这里。

我的 babel 配置相当精简,只使用 es2015 & react 预设。

知道它可能是什么吗?

javascript reactjs babeljs

3
推荐指数
1
解决办法
1515
查看次数

标签 统计

babeljs ×1

javascript ×1

reactjs ×1