反应选择下拉列表将低于反应表分页

Question

1 [我试图将分页的z索引更改为0，这是行不通的]

这是我的代码和框的链接： 请检查最后一个选择下拉列表，该列表位于分页后面。

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

Answer 1

React-select公开一个menuPortalTarget道具，使您可以将选择菜单门户到所选的dom节点。

目标身体：

<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