react-select - React Select 2 - 传送门菜单定位

Question

是否可以控制 React-Select 2 的菜单定位？我在 React Virtualized 表行中使用它，但随后我将下拉列表呈现到行外的门户。我已将 menuPosition 设置为 fixed 但 React-Select 2 延迟了自动定位，这太慢了，所以我想自己控制定位。

Answer 1

您可以通过将 styles Prop 添加到您的 Select 来覆盖组件样式，以组件为目标。 React-Select 使用 emotionCSS 进行样式设置，而不是类，因此它可以关闭状态更改。

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

<Select styles={styles} />

您可以在 Styles section 中找到更多信息的文档。