如何远程提交@ atlaskit / form

时间:2019-04-04 10:48:51

标签: reactjs atlaskit

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

1 个答案:

答案 0 :(得分:0)

警告:尝试远程提交表单时,您将需要竭尽全力使验证工作正常进行。这适用于HTML表单,因此不受Atlaskit表单的限制。

在这里阅读:


答案:

Atlaskit表单实际上在下面呈现了本机html表单。因此, 我们可以将一个引用附加到Form元素上,然后触发当前引用的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()

请参见示例代码andox here