React Dropdown component

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> 

Список и нижний колонтитул были бы частью раскрывающегося списка, в котором видимость переключается.

Кто-нибудь знает рабочий компонент, который может обрабатывать эту функциональность? Im действительно не хочу писать это выпадающее меню с нуля ... Сделал это раньше с помощью некоторого углового/jquery-микса, и я видел счетчик ошибок, который может появиться с этим ... Поэтому я надеюсь найти какой-то компонент, который уже решил эти проблемы.

Answer 1

React-select (https://github.com/JedWatson/react-select) - очень гибкий компонент для выпадающих списков. Вы можете передать функцию в некоторых свойствах для рендеринга различных частей раскрывающегося списка: menuRenderer, valueRenderer и optionRenderer.