React Select标签未显示

Question

我正在使用React Select Library，当我在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，但就像我说的那样，它可以正常地用于其他领域。

Answer 1

不确定原因，但

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

应该是

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

由于某种原因，该值必须是一个字符串。