尝试使用 React 渲染时意外的标记，预期的“，”

Question

我曾经使用过的代码，但在对包进行了大量重大更新后，我一直在解决一些错误。现在让我卡住的是：

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}

我个人对此并不熟悉 code/react，我是这个项目的新开发人员，正在尝试更新内容。目前还不清楚这里的问题是什么以及为什么现在构建时会触发它，但旧版本的软件包没有问题。

编辑：

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

Answer 1

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

尝试使用 React 渲染时意外的标记，预期的“，”

Unexpected token, expected "," when trying to use react rendering

node.js

reactjs

babeljs

react-redux

babel-preset-env