Dynamic Forms
用于渲染由 JSON schema 描述的整洁且功能齐全的 React 表单的库。
基于 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} />;
国际化 (I18N)
某些组件包含两种语言的文本标记(单词和短语):en
(默认)和 ru
。要设置语言,请使用 configure
函数:
// index.js
import {configure, Lang} from '@gravity-ui/dynamic-forms';
configure({lang: Lang.Ru});
开发
要启动带有 storybook 的开发服务器,请执行以下命令:
npm ci
npm run dev