javascript - 语法错误: Unexpected token equal sign '='

Question

我正在尝试为家庭作业构建一个 React 表单，我正在尝试关注this ! 教程 我收到此错误，我无法解决也找不到解决方案

我的第一次尝试:

export default class Form extends React.Component{
    state = {
        firstName = "",
        lastName = "",
        email = "",
        phone = "",
    }

我的第二次尝试

export default class Form extends React.Component{
    constructor(props){
        super(props);
        this.state = {
            firstName = "",
            lastName = "",
            email = "",
            phone = "",
        }
    }

他们最终都遇到了这个错误:语法错误:意外的标记当箭头指向firstName = ""下的等号时

谢谢

Answer 1

对于这两种情况，您的代码应如下所示。

在 this.state 对象中使用 : 代替 =。

this.state = {
    firstName: "",
    lastName: "",
    email: "",
    phone: "",
}

希望这对您有用!