/easyform

antd form

Primary LanguageJavaScript

easyform

encapsulate antd form to easy use.

NPM JavaScript Style Guide

Install

npm install --save easyform

Usage

import React, { Component } from 'react'

import Fields from 'easyform'

const fields = [
  {
    name: 'name',
    label: '计划名称',
    col: 24,
    required: true,
  },
  {
    name: 'startTime',
    label: '开始时间',
    required: true,
    type: 'date',
  }
];

class Example extends Component {
  render() {
    return (
      <Form>
        <Fields form={form} initialValues={initialValues}>
          <Fields.Field
            {...{
              name: 'startTime',
              label: '开始时间',
              required: true,
              type: 'date',
            }}
          />
        </Fields>
        <Fields form={form} fields={fields} initialValues={initialValues} />
      </Form>
    )
  }
}