реагировать на выбор в гибком контейнере

Question

Как я могу сделать реагировать на выбор с учетом гибкого макета? Ничто из нижеприведенного не сработало.

 const Container = styled('div')`
   width: 100%;
   height: 100%;
   display: flex;
   flex-flow: row wrap;
   justify-content: space-around;
   align-items: baseline;
 `;

const selectStyles = {
  input: base => ({
    minWidth: 200,
    flex: 1,

<Container>
<Select
  style={{ flex: 1 }}
  styles={selectStyles}

Answer 1

Чтобы ваш react-select компонент сгибался, вам необходимо наложить flex:1 опоры на контейнер следующим образом:

const styles = {
  container: base => ({
    ...base,
    flex: 1
  })
};

<Select styles={styles} />