antd Cascader组件真实数据渲染

Question

现在已经可以将数据以 1-1-1这种格式添加进数据库

编辑的时候可以正常显示出级联真实数据

代码:

<FormItem label='所属分类' {...formItemLayout}>
    {
        getFieldDecorator('category_id', {
            // 将从数据库中获取到的级联字符串数据组合成数组
            initialValue: type === 'edit' ?  productData.category_id.split("-").map((item)=>{
                return Number(item)
            }) : '',
            rules: [
                {
                    required: true,
                    message: '请选择分类'
                }
            ]
        })(
            <Cascader
                options={categoryList}
                placeholder="请选择分类" 
                onChange={this.handleSelectedOptions}
                changeOnSelect={true}
            />
        )
    }
</FormItem>

在列表页渲染的时候，如何将1-1-1这种在数据库查出来的数据以真实的数据渲染在表格中，请看下图：

Answer 1

看这里的回答

答案