vobile-form-render-mobile
v0.0.4
Published
通过 JSON Schema 生成标准 Form,常用于自定义搭建配置界面生成
Downloads
4
Maintainers
Readme
todo
去掉手动引入的form-render/es文件
✨ 简介
FormRender Mobile 是为移动端设置的开箱即用的表单解决方案,通过 JsonSchema 协议动态渲染表单。基于 FormRender2.0 和 Ant Design Mobile 实现。API 与 FormRender2.0 基本一致,如果你熟悉 FromRender2.0 那么你就已经会使用 FormRender Mobile 了。
⚙️ 安装
FormRender Mobile 依赖 Ant Design Mobile,单独使用不要忘记同时安装 antd-mobile
npm i form-render-mobile --save
🚀 快速上手
import React from 'react';
import FormRender, { useForm } from 'form-render-mobile';
const schema = {
type: 'object',
displayType: 'row',
properties: {
input: {
title: '输入框',
type: 'string',
widget: 'input'
},
radio: {
title: '单选',
type: 'string',
widget: 'radio',
props: {
options: [
{ label: '早', value: 'a' },
{ label: '中', value: 'b' },
{ label: '晚', value: 'c' }
]
}
}
}
};
export default () => {
const form = useForm();
const onFinish = (formData) => {
console.log('formData:', formData);
};
return (
<FormRender
form={form}
schema={schema}
onFinish={onFinish}
/>
);
}