如何解决如何通过子组件的 HTML 验证触发表单提交?
我有一个具有这种结构的组件
handleSubmit(event) {
... handle submission
}
<form onSubmit={this.handleSubmit}>
<Sidebar
handleSubmit={this.handleSubmit}
handler={this.loadTemplateCV}
></Sidebar>
</form>
仅在侧边栏组件内我有这样的提交按钮:
function Sidebar(props) {
...
return (
<div className="flex-shrink-0 w-80 bg-gray-200 border-gray-300 border
<button className="button-format" type="submit" onClick={props.handleSubmit()}>
Submit
</button>
</div>)
}
如何从子组件触发带有 HTML 表单验证的提交?当我这样尝试时,handleEvent 触发为 undefined
。我仍然可以手动处理没有事件的提交数据,但这不会触发我想要的 HTML 表单验证。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。