选择具有多个值的字段

时间:2018-11-26 13:09:44

标签: react-jsonschema-forms

场景

带有文本选项的选择字段,每个选项都有一个与之相关的价格。

当用户选择一个选项时,我需要知道所选选项的索引,或者我需要该选项的文字以及价格。

一种解决方案

一个选项是将我需要的所有数据编码为每个选项的enum值的一部分。在这里您可以看到Option 1:::500包含选项文本及其价格值,这些选项文本编码为单个字符串。

{
    "title": "",
    "type": "object",
    "required": [],
    "properties": {
        "option-1": {
            "type": "string",
            "title": "Choose an option",
            "anyOf": [
                {
                    "title": "Option 1",
                    "enum": [
                        "Option 1:::500"
                    ]
                }
            ]
        }
    }
}

提交表单后,我收到的值为:

"formData": {
    "option-1": "Option 1:::500"
},

问题

是否有惯用的方法将多个值应用于选择字段中的选项?理想情况下,不需要像我目前正在做的编码/解码技巧。

0 个答案:

没有答案