React选择标签不显示

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

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