antd: Динамически увеличивающиеся элементы формы не могут быть оценены - PullRequest
0 голосов
/ 03 сентября 2018
getFieldDecorator("keys", { initialValue: [1] });
const keys = getFieldValue("keys");
const formItems = keys.map((k, index) => {
  return (
    <FormItem
      {...(index === 0 ? formItemLayout : formItemLayoutWithOutLabel)}
      label={index === 0 ? "Passengers" : ""}
      required={false}
      key={k}
    >
      {getFieldDecorator(`names[${k}]`, {
        validateTrigger: ["onChange", "onBlur"],
        valuePropsName: "value",
        rules: [
          {
            required: true,
            whitespace: true,
            message: "Please input passenger's name or delete this field."
          }
        ]
      })(
        <Input
          placeholder="passenger name"
          style={{ width: "60%", marginRight: 8 }}
        />
      )}
      {keys.length > 1 ? (
        <Icon
          className="dynamic-delete-button"
          type="minus-circle-o"
          disabled={keys.length === 1}
          onClick={() => this.remove(k)}
        />
      ) : null}
    </FormItem>
  );
});

Элемент формы динамического добавления в официальном примере antd не получит значение формы. Зачем? Я не могу найти проблему. У вас есть друзья, которые использовали antd?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...