javascript - React - 期望分配或函数调用

Question

我是 reactjs 的新手，我遇到了一个小问题。我收到一个错误：期待赋值或函数调用。指的是 User 函数，但我在创建新对象时确实在下面调用了该函数。我怎样才能解决这个问题？

import React from 'react';
import '../css/style.css';

export function Form(){

    let users = [];

    function User(name, surname, age, email, password){
        this.name = name;
        this.surname = surname,
        this.age = age,
        this.email = email,
        this.password = password
    }

    function formValues(){
        let name = document.getElementById("name").value;
        let surname = document.getElementById("surname").value;
        let age = document.getElementById("age").value;
        let email = document.getElementById("email").value;
        let pwd = document.getElementById("password").value;

        var newUser = new User(name, surname,age, email, pwd);

        users.push(newUser);
        console.log(users);
    }


    return(
        <div id = "form">
            <h2>Sign up today, for free!</h2>
            <input type="text" id = "name" placeholder = "Name" required/>
            <input type="text" id = "surname" placeholder = "Surname" required/>
            <input type="number" id = "age" placeholder = "Age" required />
            <input type="email" id = "email" placeholder = "Email" required/>
            <input type="password" id = "password" placeholder = "Password" required/>
            <button id = "sign-up" onClick={() => formValues()}>Sign Up</button>
        </div>
    )
}

标签： javascriptreactjs

Answer 1

您的函数没有使用分号来结束表达式。

function User(name, surname, age, email, password) {
  this.name = name;
  this.surname = surname;
  this.age = age;
  this.email = email;
  this.password = password;
}