React.forwardRef() - 解析错误：缺少分号

Question

将 React.forwardRef() 添加到 my.JSX 组件文件后发现错误。

import React from 'react';
import classes from './MyInput.module.css';

const MyInput = React.forwardRef((props, ref)) => {

    return (
       <input className={classes.myInput} {...props} />
    );
};

export default MyInput;

现在我有这个错误：

[eslint] 中的错误

src\components\UI\inputs\MyInput.jsx

第 4:46 行：解析错误：缺少分号。 (4:46)

Answer 1

您正在关闭React.forwardRef在错误位置之后打开的括号：

import React from 'react';
import classes from './MyInput.module.css';

const MyInput = React.forwardRef((props, ref) => {

    return (
       <input className={classes.myInput} {...props} />
    );
});

export default MyInput;