如何在material-ui中优先考虑非提交按钮而不是提交按钮？

如何解决如何在material-ui中优先考虑非提交按钮而不是提交按钮？

我有一个带有提交按钮的表单。当我按下回车键时，表单被提交。到目前为止，一切都很好。

但是，如果用户检查表单中的某个值，则会显示表单部分 OPT。此部分包括输入字段和“添加到列表”按钮。

我想要实现的是，当 OPT 表单部分打开并且用户单击 Enter 键时，应该单击“添加到列表”按钮而不是“提交按钮”。

如何实现这一目标？

解决方法

我认为，一个合理的解决方案是将“包括输入字段和“添加到列表”按钮的部分设为它自己的 <form>，嵌套在顶级 <form> 中。然后“添加到列表”可以是该子表单的提交按钮。浏览器应该根据哪个表单具有焦点（外部或内部）选择正确的提交按钮。