Rx Form State
Edit page
开始
教程
API

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();
// ...
}