ant.design getFieldDecorator wrapper

formitem.js

import React from 'react';
import { Input, Checkbox, Select } from 'antd';

const FormField = (props) => {
	let { hidden, form, name, required = false, message = '', valuePropName = 'value', initialValue, type, ...rest } = props,
		{ getFieldDecorator } = form;

	if (hidden) return null;

	let Child = null;
	switch (type) {
		case 'checkbox':
			Child = Checkbox;
			valuePropName = 'checked';
			break;
		case 'select':
			Child = Select;
			break;
		case 'input':
			Child = Input;
			break;
		default:
			if (!['object', 'function'].includes(typeof type)) throw new Error('bad type: ' + type);
			Child = type;
	}

	return getFieldDecorator(name, {
		rules: [{ required, message }],
		valuePropName,
		initialValue,
	})(<Child {...rest} />);
};

export default FormField;