React-表单提交+本地状态的异步API调用

Question

  submitForm = (data: Object) => {
    this.setState({
      isShowMessage: true,
    });

    if (this.props.isAdd) this.props.addRestaurant(removeEmptyValues(data));
    else
      this.props.updateRestaurant(
        { data, selectedId: this.state.selectedId },
        this.state.selectedId,
      );
  };

每当我单击两次表单上的Submit按钮时，上面的代码段将在控制台上返回内存泄漏错误。如何防止这个错误？

Answer 1

您应该对异步调用使用异步等待，并且还应禁用提交以防止多次调用。