formilyjs用法
时间: 2023-10-08 09:10:59 浏览: 66
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 的高级用法,可以查看官方文档。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![dll](https://img-home.csdnimg.cn/images/20210720083646.png)
![md](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![m](https://img-home.csdnimg.cn/images/20210720083646.png)