Reactjs 如何修复语法错误I'；我开始用我的手交换功能了？

我在控制台中遇到以下错误

处理者出了点问题

我不确定发生了什么，但这里是整个组件代码

import React from 'react';
import TextWidget from './TextWidget';

/*
 * Handles removing dashes from SSNs by keeping the user input in local state
 * and saving the transformed version instead
 */
export default class SSNWidget extends React.Component {
  constructor(props) {
    super(props);
    this.state = { val: props.value };
  }
  handleChange = val => {
    // If val is blank or undefined, pass undefined to onChange
    let strippedSSN;
    if (val) {
      strippedSSN = val.replace(/[- ]/g, '');
    }

    this.setState({ val }, () => {
      this.props.onChange(strippedSSN);
    });
  };
  render() {
    return (
      <TextWidget
        {...this.props}
        value={this.state.val}
        onChange={this.handleChange}
      />
    );
  }
}

从“React”导入React；
从“./TextWidget”导入TextWidget；
/*
*通过将用户输入保持在本地状态，处理从SSN中删除破折号的操作
*并保存转换后的版本
*/
导出默认类SSNWidget扩展React.Component{
建造师（道具）{
超级（道具）；
this.state={val:props.value}；
}
handleChange=val=>{
//如果val为空或未定义，请将未定义传递给onChange
让我们一起去吧；
if（val）{
strippedsn=val.replace（/[-]/g'，）；
}
this.setState（{val}，（）=>{
这个.props.onChange（strippedSSN）；
});
};
render（）{
返回(
);
}
}

从屏幕截图上看，您的babel配置似乎有问题。按照指南使用您正在使用的构建工具正确设置它。由于您正在使用react，请确保在预设中添加

preset/react

---

否则，您可以使用

create react app

获取应用程序的样板文件

create react应用程序

预配置了babel和webpack，您无需额外设置。

请在问题中输入代码/错误，而不要链接到图像。看：我刚把它贴出来。如果我需要添加更多信息，请告诉我。谢谢。作为将来的参考，这也是一种很好的形式，可以将完整的错误作为文本复制/粘贴到你的问题中。截图并不是包含文本的首选方式。好的，没问题。我要更新这个问题。如果我不得不猜测的话，我会说你的babel配置有问题，而不是函数本身。你可能需要包括一个插件，比如当我点击链接时，我没有看到react的预设。。您可以将它添加到预设列表中。我添加了它，由于某种原因我收到了错误消息。