FormProvider ​

描述 ​

入口组件，用于下发表单上下文给字段组件，负责整个表单状态的通讯，它相当于是一个通讯枢纽。

FormProvider 在一次挂载期间应持有同一个 form 实例。更换整个 form 时，应重新挂载 FormProvider 及其子树，例如使用 <FormProvider key={form.id} form={form}>。不要仅替换现有 Provider 的 form 属性并复用子树：useFormEffects 只在组件挂载时注册，不会随 form 属性变化重新绑定。旧子树卸载时清理订阅，新子树挂载时重新注册。

用例 ​

import { createForm } from '@silver-formily/core'
import { Field, FormProvider } from '@silver-formily/react'
import { Input } from 'antd'

const form = createForm()

export default function Demo() {
  return (
    // FormProvider 负责把 form 实例下发给子树的所有字段组件
    <FormProvider form={form}>
      <Field name="input" component={[Input]} />
    </FormProvider>
  )
}

import { createForm } from '@silver-formily/core'
import { Field, FormProvider } from '@silver-formily/react'
import { Input } from 'antd'

const form = createForm()

export default function Demo() {
  return (
    // FormProvider 负责把 form 实例下发给子树的所有字段组件
    <FormProvider form={form}>
      <Field name="input" component={[Input]} />
    </FormProvider>
  )
}

API ​

form 必填，children?: React.ReactNode 可选。该组件仅提供上下文与生命周期管理，不渲染 HTML <form>，也不添加 submit/reset 事件处理；需要表单 UI 时另外使用相应组件。