React Select 标签未显示

Question

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

Answer 1

不知道为什么，但是

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

应该是

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

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

React Select 标签未显示

React Select label not showing

javascript

reactjs

react-select