如何在React-Select

时间:2018-04-27 03:48:03

标签: javascript reactjs redux frontend react-select

我正在开发一个项目,我使用React-Select作为表单的一部分来创建一个多值输入框,用于为提交添加多个贡献者。早些时候我正在使用

valueKey="id" labelKey="name"

因此,下拉列表显示了平台当前用户的名称。现在我希望这些用户的头像(个人资料图片)也应该出现在名字旁边。我已经编辑了我的api端点以获取头像链接以及部分响应。我已经尝试将名称作为实际名称和头像网址

的数组
 id:key,name:[p[key].name, p[key].avatar]

但它显示名称和头像网址作为选项,类似

NAMEhttps://*******/photo.jpg

那么,首先我如何在下拉列表中显示用户图像而不是实际网址

然后,当用户选择该选项时,它应该只在输入框中显示名称作为选定选项。

欢迎任何建议。

0 个答案:

没有答案