react.js - 使用 antd如何通过setFieldsValue设置select的value和text

问题描述

问 题

{getFieldDecorator('category', {
                            rules: [],
                            onChange: this.handleCategoryChange,
                        })(
                            <Select>
                                { this.state.categoryArr.map(item => <Option key={item.uuid} value={item.uuid}>{item.name}</Option>) }
                                <Option value='new'>新建</Option>
                            </Select>
                        )}

上面的方法动态设置option。
点击新建的时候会新建一个option，新建的option在select中会选中

this.setState({
            
            categoryArr:categoryArr.concat([{name:name,uuid:uuid}])
        })
 form.setFieldsValue({
            category: name,//name为新建的名称，同时新建还会产生一个uuid
        });

通过setFieldsValue设置新建的option在select中会选中，但是该option的value等于name。

通过getFieldsValue获取到的category并不是uuid.

我想知道如何动态设置新建的option显示的名称是name，但通过getFieldsValue获取到的是uuid

解决方案

用 labelInValue。

这篇关于react.js - 使用 antd如何通过setFieldsValue设置select的value和text的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！