使用rc-form的一个表单字段的多个输入字段

Question

我想使用Ant Design表单将表单字段分为两个用于表单UI的输入字段，我知道这是基于rc-form（http://react-component.github.io/form/）

例如，我想分割前缀和电话号码。整个数字保存为这样的对象：

{ prefix: 44, number: 800800 }

我尝试过：

组合前缀和数字的功能

onTelephoneChanged = (field, identifier, value) => {
    field[identifier] = value;
    return field;
}

表单项

<FormItem {...formItemLayout} label={label} key={key}>
              {getFieldDecorator(key, {
                getValueFromEvent: this.onTelephoneChanged
              })(
                <div className="grouped-form-fields">
                  <div className="form-field-labeled">
                    <div className="form-field-label">X:</div>
                    <div className="form-field-control">
                      <InputNumber onChange={this.onTelephoneChanged.bind(this, field.value, 'prefix')} defaultValue={field.value.prefix} />
                    </div>
                  </div>
                  <div className="form-field-labeled">
                    <div className="form-field-label">Y:</div>
                    <div className="form-field-control">
                      <InputNumber onChange={this.onTelephoneChanged.bind(this, field.value, 'number')} defaultValue={field.value.number} />
                    </div>
                  </div>
                </div>
              )}
            </FormItem>

但这不起作用，不调用表单的onFieldsChange。 任何实现此目标的示例将不胜感激！