javascript - 反应选择标签未显示

Question

我正在使用 React Select Library，当我在选择字段中选择一个标签时，显示的是值而不是标签。当我单击下拉菜单时，会显示标签，但是当我选择标签时，会显示值而不是标签。

我在这里建立我的领域：

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，但就像我说的，它在其他字段中正常工作。

Answer 1

不知道为什么，但是

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

应该是

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

出于某种原因，该值需要是一个字符串。