如何使用react-select创建自定义下拉列表（如stackoverflow）？

Question

而不是使用标签选项的简单字符串：

var options = [
  { value: 'one', label: 'One' },
  { value: 'two', label: 'Two' }
];

我想使用包含复杂数据的自定义组件来填充每个选项。尽管如此，所选标签仍然可以是value, label对。

一个完美的例子：

Answer 1

是的，react-select允许您通过menuRenderer道具传递自定义菜单组件：

  

使用选项呈现自定义菜单;接受以下命名参数：menuRenderer({ focusedOption, focusOption, options, selectValue, valueArray })

react-select's docs中的更多信息。