react-select - React 选择下拉菜单位于 React 表分页下方

Question

1 [我尝试将分页的 z-index 更改为 0，但没有成功]

这是我的codesandbox的链接:请检查最后一个选择下拉列表，它位于分页后面。

https://codesandbox.io/s/jolly-chandrasekhar-uim6k

Answer 1

React-select 公开了一个 menuPortalTarget 属性，可让您将选择菜单传送到您选择的 dom 节点。

目标 body :

<ReactSelect
  options={[
    { value: "one", label: "One" },
    { value: "two", label: "Two" },
    { value: "three", label: "Three" }
  ]}
  menuPortalTarget={document.body}
/>

CodeSandbox 链接:https://codesandbox.io/s/blissful-cerf-wqtto