Javascript 当你在Zurb基金会内部进行“提交”和“点击”时，请不要着火。揭示；对话

我有以下代码，它在从React 16.12.0升级到React 17.0.0之前运行良好，但现在我的事件不再触发（即，

console.log

语句从未打印）

class MyClass扩展了PureComponent{
handleSubmit=（）=>{
console.log（'Submitted！'）；
};
render（）{
返回(
提交
);
}
}

我已尝试将代码改为以下内容，但此事件也不会触发

class MyClass扩展了PureComponent{
handleSubmit=（）=>{
console.log（'Submitted！'）；
};
render（）{
返回(
提交
);
}
}

---

我知道这与表单在ZURB基金会“显示”对话框内的事实有关，但我不知道为什么这个问题只有在升级到17时才会发生。

< P>我不能复制这个-在从你的代码中派生出来的这个最小例子中很好。

类MyClass扩展了React.PureComponent{
handleSubmit=（）=>{
警报（‘已提交’）；
};
render（）{
返回(
提交
);
}
}
render（，document.getElementById（“根”））

尝试将提交处理程序移动到表单而不是按钮<代码>类型=“提交”<代码>默认为<代码>按钮<代码> BTW.LyDNNOYE，正如我的问题指出的，我已经尝试过这两种方式。我的问题可能与反应无关，但与Zurb基金会有关。我的表单位于一个“显示”对话框中，该对话框似乎对所有事件都很高，我不知道如何解决这个问题。