@ formaus/ 反应

在 React 中渲染一个 JSON 形式定义: 在顶部的多步、有条件和分支形式 @formhaus/core默认输入。 部分 福伦豪斯。 。 。 .

安装

npm install @formhaus/core @formhaus/react

要求反应18或19和节点22.12或后.

使用量

import { FormRenderer } from '@formhaus/react';
import definition from './contact-form.json';

export function ContactPage() {
  async function handleSubmit(values: Record<string, unknown>) {
    await fetch('/api/contact', {
      method: 'POST',
      body: JSON.stringify(values),
    });
  }

  return <FormRenderer definition={definition} onSubmit={handleSubmit} />;
}

特征

• 已建成的字段类型,段,可重复的组和有条件的能见度. 见 字段。 。 。 .
• 多步骤形式 装有生命周期钩子的无线电 autoAdvance时,同步步骤验证和 分支路线。 。 。 .
• 自定义组件 通过 components 道具( r)FieldComponentMap),加 (中文(简体) ) HeadlessFormRenderer 不让内置的田地从你的捆绑。 整合: 毛伊、沙克恩/伊伊。 。 。 .
• 动态选择选项 optionsFrom 财务报告和审定财务报表 optionsProviders。见 字段。 。 。 .
• 形式活动 结束 onFormEvent为了分析.
• 翻译页:1 locale 道具 (英语).
• 服务器侧验证 定义 @formhaus/core/server。 。 。 .
• 福尔豪斯云数字 : FormhausForm 从 @formhaus/react/cloud 制作一个已公布的表格并提交主机端点,同时上传文件并检查机器人.
• 他们数字 : import '@formhaus/core/style.css',然后覆盖 --fh-* 自定义属性.
• 服务器侧渲染 与下个J.

福尔豪斯云

import { FormhausForm } from '@formhaus/react/cloud';

<FormhausForm id="form_id" />

网络

仅 @formhaus/react/cloud 进行网络请求.

• 它召唤 https://api.formhaus.cc,或 apiBase 并装入一个挑战框 https://formhaus.cc。 。 。 .
• @formhaus/react 没有网络请求.

文档

• 指南, (中文(简体) ), API 参考 财务报告和审定财务报表 食谱
• 框架概览 财务报告和审定财务报表 游乐场
• 来源和问题

许可证

麻省理工学院