React Dropdown组件

Question

任何人都可以向我推荐一个很好的React下拉组件，它灵活且灵活，我的意思是我想在下拉列表中绘制更多的列表。大多数组件或实际上所有组件都以一种方式工作，即创建一个反应组件...让我们称之为Dropdown，然后给它一些参数，如默认值，要在其中呈现的列表等等。但我想为它创造更多。伪示例：

<Dropdown>
  <SelectedItem>
     Selected item value, that is always visible
  </SelectedItem>
  <List>
     <ListItem/>
     ...
     this is a scrollable part
  </List>
  <footer>
     Some epic stuff, that is outside of the list and is not part of
     the scrollable area
  </footer>
</Dropdown>

列表和页脚将成为切换可见性的下拉列表的一部分。

有人知道可以处理此功能的工作组件吗？我真的不想从头开始编写这个下拉列表...之前用一些angular / jquery混音完成它我已经看到了可能带来的bug计数...所以我希望找到一些已经解决的组件那些问题。

Answer 1

React-select（https://github.com/JedWatson/react-select）是一个非常灵活的下拉组件。您可以在某些属性中传递函数，以呈现下拉列表的不同部分：menuRenderer，valueRenderer和optionRenderer。