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

을 봤는데해야하지, 값은 문자열이어야합니다.