我们都知道, 后端写的接口,经常需要用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的值,这时候就需要做处理了