antd 的form表单submit提交不生效_论如何搭上 antd 的快车-Form 篇

有些人写的文章叫做教程

有些人写的文章叫做科普

而我写的文章多半是篇水贴

9012 年写的太少了，我的 2020 的 flag 之一是写 2 篇文章，然后前几天看到别人立的 flag 是写100 篇文章，那咋办，我也不能输啊，于是我决定把我原本想写的 2 篇文章，拆成 200 篇。

“输人不输阵,输阵歹看面“，Over！

当然如果你的项目中允许你直接使用 antd 的组件，那是很舒服，无论是 3.0 的Form.create()或者 4.0 的no create ，额，好吧，我可能是一个比较遵循官方写法的简单用户，我就从来没有发现Form有什么问题。你知道的，懒得去看 issues 和文档的伸手党，发现 bug 都会当做是新特性的。关于 Form 的一些事，这里有详细描述。

二货：Ant Design 4.0 的一些杂事儿 - Form 篇​zhuanlan.zhihu.com

mobile 中使用 antd@4

圆规正转

由于我们项目中使用的是 umi ，它内置了 antd 和 antd-mobile 并且都配置了按需加载，我们 UI 在设计的时候，有时候（几乎）会参考 antd 的官网，也有几个用上了高级的 kitchen，所以很多前端同事，也会偷偷的在 mobile 项目中使用 antd 的组件，这种事情，我都是当作没看到的。反正他们乐意重写一遍样式也没多大问题。

言归正传

那我就想 antd@4 的 From 能不能直接用到 mobile 里面。

import {
     Form } from 'antd'; // 4.0.0-rc.1
import {
     InputItem, Button } from 'antd-mobile';

const [form] = Form.useForm();

return (
    <Form
      form={
    form}
      name="basic"
      initialValues={
    {
     username: 'xiaohuoni' }}
      onFinish={
    onFinish}
      onFinishFailed={
    onFinishFailed}
    >
      <List&g