Javascript 为什么我会得到这个错误；意外标记“；为了这个州？

我正在尝试制作一个登录表单并学习React。我的一切都基于React的官方文件。然而，当我尝试完成我的工作并添加新的用户输入时，它不会编译

代码返回一个错误，表示意外令牌（9:22）： （带箭头的标记）

代码：

从“React”导入React；
导入“./Signup.css”；
类Userform扩展了React.Component{
建造师（道具）{
超级（道具）
此.state={
名字=“”，
中间名=“”，
名字=“”，
中间名=“”，
姓氏=“”，
生日=“”，
地址=“”，
联系人号码=“”，
电子邮件=“”，
年份=“”，
部门=“”
};
this.handleInputChange=this.handleInputChange.bind（this）；
this.handleSubmit=this.handleSubmit.bind（this）；
}
handleInputChange（事件）{
const target=event.target；
const value=target.type=='checkbox'？target.checked:target.value；
const name=target.name；
这是我的国家({
[名称]：值
});
}
handleSubmit（事件）{
警报（'已提交新条目：'+this.state.value）；
event.preventDefault（）；
}
render（）{
返回(
登记表
名字：
中名：
姓氏：
出生日期：
地址:
电邮：
联络电话：
年份：
部门：
同意条款和条件

);
}
}
导出默认用户表单；

我真的是一个新的反应，我现在没有人问。登录表单应使用节点在MySQL数据库中提交

       this.state = {
            firstName: '',
            middleName: '',
            firstName: '',
            middleName: '',
            lastName: '',
            birthdate: '',
            address: '',
            contactNumber: '',
            email: '',
            year: '',
            department: ''
            };

---

您的状态是一个对象，应该这样写

这是对声明对象的输入错误。正确的方法是

this.state = { firstName: "" }

---

太棒了，非常感谢。非常感谢，谢谢。

       this.state = {
            firstName: '',
            middleName: '',
            firstName: '',
            middleName: '',
            lastName: '',
            birthdate: '',
            address: '',
            contactNumber: '',
            email: '',
            year: '',
            department: ''
            };

this.state = { firstName: "" }