antd中在getFieldDecorator中如何使用Cascader?

Question

如何在antd form getFieldDecorator 中使用 级联控件Cascader ?

  <FormItem {...formItemLayout} label="左侧字段">
    {
      getFieldDecorator('leftValue', { initialValue: detail.leftValue })
      (
        <Cascader options={availableCascaderList} />
      )
    }
  </FormItem>

detail.rightValue 是一个 string类型的值，我想将这个值绑定到 Cascader控件上，因为Cascader的value应该是数组类型，所以这里不知道应该怎么写，两个值应该怎么转化？

Answer 1

detail对象另外使用了一个数组类型属性用于存储级联控件的值。提供给外边时，再转化成那个string类型属性。

Answer 2

直接把detail.leftValue转成数据就好了。
假设该值以‘，’分隔：

<FormItem {...formItemLayout} label="左侧字段">
    {
      getFieldDecorator('leftValue', { initialValue: detail.leftValue.split(',') })
      (
        <Cascader options={availableCascaderList} />
      )
    }
  </FormItem>

Answer 3

请问这个解决了吗