Form Mobile

安装

npm install @codingapi/form-mobile
# 或者使用yarn
yarn add @codingapi/form-mobile

使用

Form表单的渲染

import React from "react";
import {Form} from "@codingapi/form-mobile";
import {FormField} from "@codingapi/ui-framework";
const Test = () => {
 const fields = [
 {
 type: 'input',
 props: {
 required: true,
 name: ['user', 'name'],
 label: '姓名',
 placeholder: '请输入姓名',
 validateFunction: async (content) => {
 const value = content.value;
 if (value) {
 return []
 }
 return ['姓名不能为空']
 }
 }
 }] as FormField[]
 return (
 <>
 <Form
 layout={"vertical"}
 onFinish={async (values) => {
 console.log(values);
 }}
 loadFields={async () => {
 return fields;
 }}
 >
 </Form>
 </>
 )
}
export default Test;

主要特征

开发

# Install dependencies
yarn install
# Start development server
yarn dev
# Build for production
yarn build
# Run tests
yarn test

许可