如何远程提交@ atlaskit /表单

Posted 2021-05-03

我想从表单外的按钮提交@ atlaskit /表单。我已经通过https://atlaskit.atlassian.com/packages/core/form但没有关于此的文档

答案

警告：当尝试远程提交表单时，您需要不遗余力地进行验证工作。这适用于html表单，因此不受Atlaskit表单的限制。

在这里阅读：

• How to force a html5 form validation without submitting it via jQuery
• https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

---

回答：

Atlaskit表单实际上呈现了下面的本机html表单。因此，我们可以将引用附加到Form元素，然后触发提交当前引用的表单属性。

例：

// attach the ref to form
class extends React.Component{
 form = React.createRef(); 
 render() {
  <Form
   ref={this.form}
   {...props}      
  >
   {children}
  </Form>
 }
}

在html表单上触发提交：

this.form.current.form.submit()

请参阅示例codesandox here。