如何在react-select下拉列表中更改z Index

Question

我正在使用react-select库来创建自动完成下拉列表。我已经使用了2下拉并行，如果第二个有一些数据我打开第一个然后zIndex问题来了。见image

Answer 1

尝试这种设置z索引的hacky方式，让我知道它是否有效:)

<Select
  styles={{
    // Fixes the overlapping problem of the component
    menu: provided => ({ ...provided, zIndex: 9999 })
  }}
  value={selectedOption}
  onChange={evt => onSelectChange(evt, index)}
  options={options}
/>