尝试使用反应渲染时出现意外标记，预期“，”答案

【问题标题】：Unexpected token, expected "," when trying to use react rendering尝试使用反应渲染时出现意外标记，预期“，”
【发布时间】：2019-11-08 15:38:51
【问题描述】：

我曾经使用过的代码，但是在对包进行了很多重大更新之后，我一直在处理一些错误。现在让我陷入困境的是以下内容：

renderDateTextField = (props: TextFieldProps) => {
    return (<TextField
      className={`${styles.datesContainer}  ${styles.textfield}`}
      onClick={props.onClick}
      value={props.value}
      {...props}
    />);
};

这是错误信息：

ERROR in ./src/components/Desk/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /var/www/FlaskApp/people-app-prod/static/src/components/Desk/index.js: Unexpected token, expected "," (604:32)

  602 |     };
  603 | 
> 604 |     renderDateTextField = (props: TextFieldProps) => {
      |                                 ^
  605 |         return (<TextField
  606 |           className={`${styles.datesContainer}  ${styles.textfield}`}
  607 |           onClick={props.onClick}

我个人不太熟悉此代码/反应，并且是该项目的新开发人员，试图更新内容。目前尚不清楚这里的问题是什么以及为什么在现在构建时触发它，但旧版本的软件包没有问题。

编辑：

以前在 babel I 中使用了 es2015 预设，现在已按照 babel 页面上的建议更改为 @babel/preset-env，因为不推荐使用 es2015：https://babeljs.io/docs/en/babel-preset-es2015。我想知道这是否与问题有关。

【问题讨论】：

标签： node.js reactjs react-redux babeljs babel-preset-env

【解决方案1】：

看起来该代码正在使用Flow 输入系统。我会检查 Flow 是否配置正确。

【讨论】：

谢谢，我刚刚安装了“@babel/preset-flow”并将其包含在我的预设中并且错误已解决，现在进入下一组错误:)