Question

我已经使用Material-ui和React创建了一个表单。我的Submit方法遇到一些问题。我正在显示小吃店，以通知用户提交成功，还展示小吃店，以提醒用户缺少必填字段。我的问题是，如果用户没有填写所有字段，但是经过第二次尝试，最终还是成功了。我的警报快餐栏仍在显示，但我想显示成功的快餐栏。不确定我的方法需要更改什么。

 submit = () => {
    const {
      firstName,
      lastName,
      email,
      phone,
      date,
      time,
      projectStages,
      projectDescription,
      budgets,
      mainObjectives,
      applicationTypes,
    } = this.state
    // eslint-disable-next-line max-len
    if (lastName && firstName && email && phone) {
      this.setState({
        lastName,
        firstName,
        email,
        phone,
        date,
        time,
        projectStages,
        projectDescription,
        budgets,
        mainObjectives,
        applicationTypes,
      })
      document.getElementById('snackbar').style.display = 'block'
      setTimeout(() => {
        this.setState({ open: false })
      }, 2000)
      // eslint-disable-next-line max-len
      this.saveMessage(firstName, lastName, phone, email, date, time, projectStages, projectDescription, budgets, mainObjectives, applicationTypes)
    } else {
      document.getElementById('snackbar').style.display = 'block'
      document.getElementById('snackbar').style.backgroundColor = 'red'
      document.getElementById('snackbar').textContent = 'Please fill in all required fields'
      setTimeout(() => {
        document.getElementById('snackbar').style.display = 'none'
      }, 2000)
    }
  }

Answer 1

清除计时器，然后重新设置

timer && clearTimeout(timer);

处理联系表中的错误-正确选择

1 个答案: