import React from "react"; import styles from "./index.less"; import { Form, Row, Col, Input, Button, Icon } from "antd"; class AdvancedSearchForm extends React.Component { state = { expand: false }; // To generate mock Form.Item getFields() { const count = this.state.expand ? 10 : 6; const { getFieldDecorator } = this.props.form; const children = []; for (let i = 0; i < 10; i++) { children.push( {getFieldDecorator(`field-${i}`, { rules: [ { required: true, message: "Input something!" } ] })()} ); } return children; } handleSearch = e => { e.preventDefault(); this.props.form.validateFields((err, values) => { console.log("Received values of form: ", values); }); }; handleReset = () => { this.props.form.resetFields(); }; toggle = () => { const { expand } = this.state; this.setState({ expand: !expand }); }; render() { return (
{this.getFields()} Collapse
); } } const WrappedAdvancedSearchForm = Form.create({ name: "advanced_search" })( AdvancedSearchForm ); export default () => (
);