开始
教程
FormStateContext
表单状态上下文。
import { FormStateContext } from '@sinoui/rx-form-state';
往上下文中提供formState
:
import React from 'react';import { useFormState, FormStateContext } from '@sinoui/rx-form-state';function FormDemo() {const formState = useFormState();return (<FormStateContext.Provider value={formState}><form>...</form></FormStateContext.Provider>);}
从上下文中获取formState
:
import React, { useContext } from 'react';import { FormStateContext } from '@sinoui/rx-form-state';function ChildComponent() {const formState = useContext(FormStateContext);// ...}
也可以使用useFormStateContext从上下文中获取formState
:
import { useFormStateContext } from '@sinoui/rx-form-state';function ChildComponent() {const formState = useFormStateContext();// ...}