Javascript 反应选择标签不显示

我正在使用React Select库，当我在Select字段中拾取标签时，显示的是值而不是标签。单击下拉列表时，将显示标签，但选择标签时，将显示值而不是标签

我在这里建立我的领域：

payment_code: {
            label: "Payment Code", value: 'payment_code', choices: paymentCodes.map((payment_code) => {

                displayChoices.payment_code[payment_code['id']] = payment_code['name'];
                console.log(displayChoices.payment_code);
                return {
                    label: payment_code['name'], value: payment_code['id']
                }
            }), type: 'choice'
        },

其他字段可以正常工作，但此字段不能正常工作。我不是一个前端开发人员，所以我被这个问题难住了。我想添加JSX，但正如我所说，它在其他字段中正常工作。

不确定原因，但是

return {
    label: payment_code['name'], value: payment_code['id']
}

应该是

return {
    label: payment_code['name'], value: payment_code['id'].toString()
}

由于某些原因，该值必须是字符串。

不确定原因，但

return {
    label: payment_code['name'], value: payment_code['id']
}

应该是

return {
    label: payment_code['name'], value: payment_code['id'].toString()
}

---

出于某种原因，该值必须是字符串。

可以添加JSX吗？还有支付代码是什么？很难调试，尤其是在没有至少一些示例数据的情况下。谢谢，但我确实找到了答案。你能添加JSX吗？还有支付代码是什么？很难调试，尤其是在没有至少一些示例数据的情况下。谢谢，但我实际上已经解决了这个问题。如果您看到控制台日志中出现警告消息Failed prop type:Invalid prop

placeholder

的类型

number

提供给

SingleValue

，应为

string

。如果您看到控制台日志中出现警告消息Failed prop type:Invalid prop

占位符
类型
number
提供给
SingleValue
，应为
string
。