Я работаю над проектом, в котором я использовал React-Select как часть формы, чтобы создать поле ввода с несколькими значениями для добавления нескольких участников для отправки. Ранее я использовал
valueKey="id" labelKey="name"
Итак, в раскрывающемся списке отображались имена текущих пользователей платформы. Теперь я хочу, чтобы аватары (изображения профиля) этих пользователей также отображались на именах. Я уже отредактировал свою конечную точку API, чтобы получить ссылку на аватар, а также часть ответа. Я уже пытался сделать имя как массив фактического имени и URL-адреса аватара
id:key,name:[p[key].name, p[key].avatar]
но в качестве опции отображается имя и URL-адрес аватара, что-то вроде
ИМЯ https://*******/photo.jpg
Итак, во-первых, как я могу показать изображение пользователя против его имени в раскрывающемся списке, а не фактического URL
И, во-вторых, когда пользователь выбирает эту опцию, он должен показывать только имя как выбранную опцию в поле ввода.
Любые предложения приветствуются.