Dynamic Forms
用于渲染 JSON 架构描述的简洁实用的反应表单的库
基于 JSON Schema 的库,用于渲染表单和表单值。
安装
npm install --save-dev @gravity-ui/dynamic-forms
使用方法
import {DynamicField, Spec, dynamicConfig} from '@gravity-ui/dynamic-forms';
// 嵌入到 final-form 中
<DynamicField name={name} spec={spec} config={config} />;
import {DynamicView, dynamicViewConfig} from '@gravity-ui/dynamic-forms';
// 获取值的概览
<DynamicView value={value} spec={spec} config={dynamicViewConfig} />;
国际化
某些组件包含文本标记(单词和短语),这些标记有两种语言版本:en
(默认)和 ru
。要设置语言,请使用 configure
函数:
// index.js
import {configure, Lang} from '@gravity-ui/dynamic-forms';
configure({lang: Lang.Ru});
开发
要使用 storybook 启动开发服务器,请执行以下命令:
npm ci
npm run dev