# Form

const it = {
  [Symbol.iterator]() {
    let index = 0;
    return {
      [Symbol.iterator]() {
        return this;
      },
      next() {
        if (condition) {
          // 符合条件时返回自定义的数据结构
          return { value: {}, done: false };
        }
        // 结束迭代
        return { done: true };
      },
      return(v) {
        return { value: v, done: true };
      }
    };
  }
};

for (let value of it) {
  // 每次迭代一个符合条件时返回自定义的数据
}

import omit from "omit.js";

formatFieldsValue = values => {
  let restValue = { ...values };
  const Ques = {
    [Symbol.iterator]() {
      let index = 0;
      return {
        [Symbol.iterator]() {
          return this;
        },
        next() {
          const current = values[`question-${index}`];
          if (current) {
            let options = [];
            for (
              let j = 0;
              values[`option-${index}-${j}`] && values[`dec-${index}-${j}`];
              j++
            ) {
              options = options.concat({
                option: values[`option-${index}-${j}`],
                dec: values[`dec-${index}-${j}`]
              });
              restValue = omit(restValue, [
                `question-${index}`,
                `option-${index}-${j}`,
                `dec-${index}-${j}`
              ]);
            }
            index++;
            return { value: { question: current, options }, done: false };
          }
          index = 0;
          return { done: true };
        },
        return(v) {
          return { value: v, done: true };
        }
      };
    }
  };
  let questions = [];
  for (let key of Ques) {
    questions = questions.concat(key);
  }
  return { ...restValue, questions };
};

import React, { PureComponent } from "react";
import { Form, Input, Button } from "antd";

@Form.create({
  name: "global_state",
  onFieldsChange(props, changedFields) {
    props.onChange(changedFields);
  },
  mapPropsToFields(props) {
    return {
      username: Form.createFormField({
        ...props.username,
        value: props.username.value
      })
    };
  },
  onValuesChange(_, values) {
    console.log(values);
  }
})
export default class Questions extends PureComponent {
  render() {
    const {
      list,
      onAddQuestion,
      onDeleteQuestion,
      onAddOption,
      onDeleteOption,
      form: { getFieldDecorator }
    } = this.props;
    return (
      <Form>
        {list.map((question, index) => (
          <React.Fragment key={question.key}>
            <Form.Item key={question.key} label={`题目${index + 1}`}>
              {getFieldDecorator(`question-${index}`, {
                rules: [{ required: true, message: "请输入题目" }]
              })(<Input placeholder="请输入题目" />)}
              <Button onClick={onAddQuestion}>添加</Button>
              <Button onClick={() => onDeleteQuestion(index)} type="danger">
                删除
              </Button>
            </Form.Item>
          </React.Fragment>
        ))}
      </Form>
    );
  }
}