Antd Select组件封装 获取选中项或默认项text及ID

我们都知道, 后端写的接口,经常需要用ID来标识唯一, 而Select组件允许<Option value="ID">text</Option>去获取当前文本对应的text, 但当我们使用的是RemoteSelect, 也就是下拉项Option的数据是在用户点击了RemoteSelect组件时,请求接口获取到数据, 并且和Form组件配合使用。

那么问题来了, Form表单默认只能获取到text的值, 这种时候怎么办?  我们需要进入到封装组件(common组件之类的公共组件)中去找发送某个url请求, 得到的数据再进行单独处理, 我们可以层层上传 || 全局增加属性 || react-redux, 如此以获得选中项对应的ID, 如果是编辑项, 常常会要求我们有一个默认值.。

总是返回text文本扔给你...这种体验相当糟糕。

例如以下的对象（以Select组件为例）：

[
{
    id: "1",
    text: "投资规划师"
},
{
    id: "2",
    text: "理财师"
},
{
    id: "3",
    text: "会计师"
}
]

当用户选中了“1”时，表单默认获取到的值是text的文本，但是后端需要的是id的值，这时候就需要做处理了