reactjs - 如何远程提交@atlaskit/form
问题描述
我想从表单外的按钮提交@atlaskit/form。我已经浏览了https://atlaskit.atlassian.com/packages/core/form但没有关于此的文档
解决方案
警告:当尝试远程提交表单时,您需要不遗余力地实际进行验证。这适用于 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()
请参阅此处的示例代码和牛。
推荐阅读
- go - 在 Linux 中通过 USB 连接到 USBTMC 设备
- python - 如何将焦点对一行编辑更改为另一行编辑
- java - LeakCanary 泄漏片段
- mysql - foreach MySQL 获取特定数字的列表
- angular - bs-custom-file-input 不适用于 Angular
- asp.net - 有什么方法可以让 Ajax 的 Rad 编辑器中的一些单词(只有一些单词不是整个编辑器)只读?
- firebase - 将 HashMap 值推送到同一节点下的 Firebase
- css - 反应脚本没有与另一个脚本一起启动服务器
- ios - iOS - CIImage autoAdjustmentFilters 泄漏
- javascript - React Native - 打开原生共享