如何通过子组件的 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 (将#修改为@）