reactjs - 如何在 react 选择下拉列表中更改zIndex

Question

我正在使用react-select库创建自动完成下拉列表。
如果2nd有一些数据，我使用了2个下拉并行，并且我先打开了一个，然后出现zIndex问题。看到图像

Answer 1

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

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