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

Question

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

this.setState({
  newArtist: {
    birthdate: artist.life-span.begin
  }
});

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

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

this.setState({
  newArtist: {
    birthdate: artist['life-span']begin
  }
});

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

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

所以我被困在这里。

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

知道它可能是什么吗？

Answer 1

birthdate: artist['life-span'].begin

代替 birthdate: artist['life-span']begin