多次提交时显示重复警告

Question

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

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

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

Answer 1

问题与消息所述完全一样"you are not allowed to have duplicate props"。

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

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

多次提交时显示重复警告

Multiple On-submit is showing duplicate warning

javascript

onsubmit

npm

ecmascript-6

reactjs