多次提交时显示重复警告答案

【问题标题】：Multiple On-submit is showing duplicate warning多次提交时显示重复警告
【发布时间】：2019-07-16 10:07:53
【问题描述】：

我在表单中使用了两个 npm 包。一个用于表单验证，另一个用于邮件发送。两者功能正常，但在控制台中显示警告

<ValidationForm
    id="contactForm"
    onSubmit={(e, formData, inputs,) => {
        e.preventDefault();
    }}
    onSubmit={this.handleForm}
>

警告信息： Line 170: No duplicate props allowed react/jsx-no-duplicate-props

【问题讨论】：

为什么不在第一个 onSubmit 属性中添加 {this.handleForm} 呢？为什么需要两个 onSubmit 属性？

标签： javascript reactjs npm ecmascript-6 onsubmit

【解决方案1】：

问题与消息中的“不允许拥有重复的道具”完全相同。

如果您希望在提交时执行多个操作，那么您应该合并两个处理程序。

<ValidationForm
    id="contactForm"
    onSubmit={(e, formData, inputs,) => {
        e.preventDefault();
        this.handleForm(formData);
    }}
>

【讨论】：