reactjs - 用图像填充 react 选择

Question

如何传递选项来预览 select 中的图像。我选择了国家/地区，并且想预览国旗。我不知道在这种情况下如何传递“选项”对象。

    var countries = 
    [
          {value: 'me', label: 'Montenegro'},
          {value:'rs',label: 'Serbia' }
    ];

   <Select name={"nationality_" + passenger.passengerId}
           value={passenger.nationality}
           options={countries}/>   

Answer 1

将国家/地区的标签更改为 html。

const options = [
    { value: 'chocolate', label: <div><img src={copyIcon} height="30px" width="30px"/>Chocolate </div> },
    { value: 'strawberry', label: 'Strawberry' },
    { value: 'vanilla', label: 'Vanilla' },
  ];

像这样添加，这将在选择选项中添加图像。