基本用法

useForm返回Form或Field等组件，该组件是对标准form元素的封装。

全新表单

可以通过useForm创建一个全新的表单，如下：

import { useForm } from "@autostorejs/react"
const { Form } = useForm({
  user:{
    firstName:"Zhang",
    lastName:"Fisher",
    age:18,
    vip:false 
  }  
}) 
<Form>
  <input name="user.firstName" />
  <input name="user.lastName" />
  <input name="user.age" />
  <input name="user.vip" />
</Form>

就这么简单，轻松实现表单与store.state之间的双向绑定了，输入的数据会自动同步到state中，反之亦然。

下面是一个简单的示例：

demo react="form/formBase.tsx"

提示

useForm内部会创建一个Store实例，用于存储表单数据。

基于现有Store

useForm还可以基于现有的Store实例创建表单，如下：