React Select 2 - Позиционирование в меню портала

Question

Можно ли взять под контроль положение меню React-Select 2? Я использую его внутри строк таблицы React Virtualized, но затем отображаю раскрывающийся список на портале за пределами строки. Я поставил menuPosition в fixed но React-Select 2 отложил автоматическое позиционирование, которое слишком медленное, поэтому я хотел бы сам взять управление на себя.

Answer 1

Вы можете переопределить стили Компонентов, добавив пропеллер стилей в свой Select, нацелив его на компонент. React-Select использует emotionCSS для стилизации, а не классов, поэтому он может отключить изменения состояния.

const styles = {
  menuPortal: (base, state) => {
    let overrideProps = {};
    // do something here 
    return Object.assign(base, overrideProps);
  }
};

<Select styles={styles} />

Вы можете найти дополнительную информацию в разделе " Стили" документации.