添加样式后反应表单重新加载页面
React Form reload page after adding Style
我正在为表单使用“react-final-form”脚本（我也尝试过使用“react-hook-form ") 如果我向输入添加样式，则 onSubmit 不起作用（它会重新加载整个页面）。
我不明白为什么。
有我的部分代码片段 -> https://codesandbox.io/embed/boring-wind-gnqx5?fontsize=14&hidenavigation=1&theme=dark
如果我删除 -> FormContainerPart <- App-js 中的容器，那么它就可以工作了。
感谢您的帮助！
这与样式无关，而是与您生成的 HTML 结构有关。
FormContainerPart 是 form，因此当您提交表单（通过单击按钮）时，您是在从 react-final-form AND[= 提交 Form 30=] 你的 form 来自 FormContainerPart.
并且由于您没有通过 FormContainerPart 在 form 上捕获 onSubmit 处理程序，所以它会转到默认的导航器行为，即：重新加载页面
因此，FormContainerPart 不需要成为 form，只需将 styled 更改为
export const FormContainerPart = styled.div`
...
`
我正在为表单使用“react-final-form”脚本（我也尝试过使用“react-hook-form ") 如果我向输入添加样式，则 onSubmit 不起作用（它会重新加载整个页面）。
我不明白为什么。
有我的部分代码片段 -> https://codesandbox.io/embed/boring-wind-gnqx5?fontsize=14&hidenavigation=1&theme=dark
如果我删除 -> FormContainerPart <- App-js 中的容器，那么它就可以工作了。
感谢您的帮助！
这与样式无关，而是与您生成的 HTML 结构有关。
FormContainerPart 是 form，因此当您提交表单（通过单击按钮）时，您是在从 react-final-form AND[= 提交 Form 30=] 你的 form 来自 FormContainerPart.
并且由于您没有通过 FormContainerPart 在 form 上捕获 onSubmit 处理程序，所以它会转到默认的导航器行为，即：重新加载页面
因此，FormContainerPart 不需要成为 form，只需将 styled 更改为
export const FormContainerPart = styled.div`
...
`