formilyjs用法
时间: 2023-10-08 16:10:59 浏览: 234
form-making:基于formily的简易表单编辑器
FormilyJS 是一个针对 React 应用的表单解决方案,它提供了一套完整的表单处理方案,包括数据驱动、联动、校验、提交等功能。
下面是 FormilyJS 的基本用法:
1. 安装 FormilyJS
```shell
npm install @formily/core --save
```
2. 创建表单对象
```jsx
import { createForm } from '@formily/core';
const form = createForm();
```
3. 在组件中使用表单
```jsx
import { Form, Field } from '@formily/react';
const App = () => {
return (
<Form form={form}>
<Field name="username" title="用户名" />
<Field name="password" title="密码" />
<button type="submit">提交</button>
</Form>
);
};
```
4. 处理表单提交
```jsx
import { onFormSubmit } from '@formily/core';
onFormSubmit(form, (values) => {
console.log(values);
});
```
以上是 FormilyJS 的基本用法,如果想要更深入地了解 FormilyJS 的高级用法,可以查看官方文档。
阅读全文