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

出於某種原因，該值必須是一個字符串。