使用BUTTON元素在ReactJS中提交表单

 手机用户2502861713 发布于 2023-01-12 17:07

关于我的情况的一些说法:我正在使用ReactJS构建表单,如果它有元素,它工作正常:通过按Enter键input[type="text"]并按下提交元素提交表单(并且如果没有提交表单,还有ReactJS的工作检查已经改变).

但是,如果我更换input[type="submit"]我尝试使用2种方式:

    获取表单DOMNode元素并调用.submit()方法,这是不正确的,因为它不使用内部ReactJS逻辑

    将params传递给按钮,

所以如果有人建议我如何使用BUTTON元素正确地在ReactJS中提交表单,我将非常感激.

谢谢!

1 个回答
  • 如果将类型设置为提交按钮并且表单具有onsubmit处理程序,则button元素应该完全按照您的预期工作.

    <form ref="form" onSubmit={this.handleSubmit}>
        <button type="submit">Do the thing</button>
    </form>
    

    2023-01-12 17:08 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有