javascript - react 箭头函数未定义定义

Question

我有一个 React 项目。该项目是使用默认配置使用 create-react-app 引导的。我在第 60 行的类中定义了一个箭头函数:

handleClose = () => {
    this.props.history.push('/');
    window.location.reload();
}

但是在编译时，出现错误:

你能帮我解决这个问题吗？它说函数本身未在 60 行定义，但我们仅在该行定义该函数。请注意，这不是函数调用的问题。编译器对所有定义的箭头函数给出错误。

Answer 1

一个原因可能是 javascript 中的语法不是默认的。您需要通过安装 stage-0 或 stage-3 预设为

来手动转译

npm install --save-dev babel-preset-stage-0

然后在 .babelrc 文件中将预设设置为:

{
  "presets": ["stage-0"]
}

您包含的函数语法是提交给 ECMAScript 但尚未标准化的想法。