React Select Label wird nicht angezeigt

Question

Ich benutze die React Select Library und wenn ich ein Label im Auswahlfeld auswähle, wird der Wert anstelle des Labels angezeigt. Wenn ich auf das Dropdown-Menü klicke, werden die Labels angezeigt, aber wenn ich ein Label auswähle, wird der Wert anstelle des Labels angezeigt.

Ich baue mein Feld hier:

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' 
     }, 

Die anderen Felder korrekt funktionieren, aber diese nicht. Ich bin kein Front-End-Entwickler, also bin ich ziemlich ratlos. Ich würde die JSX hinzufügen, aber wie ich schon sagte, es funktioniert richtig für die anderen Felder.

Answer 1

nicht sicher, warum, aber

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

waren sollte

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

Aus irgendeinem Grund muss der Wert ein String sein.