我在Next JS App中使用React Hook Form作為表單。我有兩種形式和組件。但問題是每當我執行child的函式時， parent的函式也會被執行。FormAFormBhandleSubmit()FormBhandleSubmit()FormA
<FormA onSubmit(handleSubmit(submitFunctionA)>
............
<FormB onSubmit(handleSubmit(submitFunctionB))>
</FormB>
............
</FormA>
應用評論中的建議后。我的問題已解決，如下所示。
<form
onSubmit={(event) => {
//Child Form's onSubmit function here//
handleSubmit(onSubmit)(event);
if (event) {
if (typeof event.preventDefault === "function") {
event.preventDefault();
}
if (typeof event.stopPropagation === "function") {
event.stopPropagation();
}
}
}}
>
uj5u.com熱心網友回復：
事件在樹上傳播到它們的父級，所以這種行為是正常的。為了停止傳播，請嘗試將其添加到您的子句柄提交中：
if (event) {
if (typeof event.preventDefault === 'function') {
event.preventDefault();
}
if (typeof event.stopPropagation === 'function') {
event.stopPropagation();
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/515977.html
下一篇：如何在XML中執行ps腳本