CNode

各位使用 react 时,怎么处理表单提交?

问答
DdaGaiGuanYu发布于5 年前最后回复5 年前10 回复4043 浏览0 收藏

如果给 input 绑定 onChange 事件,感觉会产生非常多重复代码
或者使用 dom 去取 form 里的值,也挺麻烦的

查看回复

回复 (10)

Y
yakczh#1·5 年前
它带来便利性远比它带来的复杂度低得多

是不是有点怀念jquery

  var data = {};
    $($("#myForm").serializeArray()).each(function () {
     balabala 
 
    $.ajax({
        type: "POST",   
        url: "http://xx.xx.xx.xx/api/save",  
        data: JSON.stringify(data),
        async: false, 
        dataType:"json",
        contentType:"application/json",
        error: function (request) {   
            alert("Connection error");
        },
        success: function (data) { 
            alert(data);  
        }
    });

}
I
i5ting#2·5 年前

往好的点上看,代码规范,更适合大规模开发的。

G
ganshiqingyuan#3·5 年前

这个时候你可能需要angular 和 vue

C
chenkai0520#4·5 年前

还是vue香🐶

H
Houtian17#5·5 年前

同问

O
ounana#6·5 年前

看来 你对react还是不熟练啊

M
monkeying-boy#7·5 年前

可以把 input 作为一个组件,在组件中监听事件,在你需要用 form 表单的地方引入 input 组件,这样就不用每个 input 去处理一次了

D
DoveAz#8·5 年前

我上去就是一个 import { Form, Input, Button, Checkbox } from 'antd'; 简单有效

N
netwjx#9·5 年前

react vue 这类框架在处理表单上的默认例子, 比较繁琐, 竟然是单独存储

react 有个 https://react-hook-form.com/, 能尽可能充分利用原生html form的特性处理表单, 能简洁一些

参与回复
登录后即可参与回复。登录