React Select标签未显示

Question

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

我在这里建立我的领域：

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()
}

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