reactjs - 如何远程提交@atlaskit/form

Question

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

Answer 1

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

在这里阅读：

• 如何在不通过 jQuery 提交的情况下强制进行 html5 表单验证
• https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation

---

回答：

Atlaskit 表单实际上是在下面渲染原生的 html 表单。因此，我们可以在Form元素上附加一个 ref，然后触发当前 ref 的 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()

请参阅此处的示例代码和牛。