Ant Plus 4
Ant Plus 是 Ant Design 表单系统的简化版，以最符合 html 直觉的方式来搭建表单。
4.0 is here! 🎉
◆ 全面适配 Ant Design 4.0
◆ React Hooks 重写，大幅优化性能
◆ 全新文档设计，优化内容与排版
◆ 所有 antd Form 示例的 antx 对比实现以及 ... 全新 Logo 🦮
Ant Plus 去除了对 Form.Item 的依赖，同时提供了全新的 rules 与组件 Props，可大幅简化开发。
查看
- GitHub - github.com/nanxiaobei/…
- 文档网站 - nanxiaobei.github.io/ant-plus/
- 在线示例 - codesandbox.io/s/antx-mqxx…
对比
使用 Ant Plus 与 Ant Design 开发表单的代码对比：
安装
yarn add antx
使用
import { Form, Input, Button } from 'antx';
const Demo = () => {
const onFinish = (values) => {
console.log(values);
};
return (
<Form data={{ name: 'Emily' }} onFinish={onFinish}>
<Input label="用户名" name="name" rules={['required', 'max=10']} tip="full" />
<Button label="" htmlType="submit">提交</Button>
</Form>
);
};
export default Demo;
