React select无法覆盖react modal

Question

我有一个反应模式，里面有react-select. 由于模态底部的某些选项没有出现，如何使选择覆盖模态？

我尝试过z-index，但没有成功。

<MainSelect
        className="select"
        id={name}
        isMulti
        isRtl={!locale.ltr}
        components={{ Option: OptionComponent }}
        styles={this.customStyles}
        theme={this.customTheme}
        options={options}
        value={value}
        placeholder={placeholder}
        onChange={this.handleChange}
        onBlur={formik.onBlur}
        onMenuOpen={() => {
          if (setScroll) setScroll();
          this.props.formik.setStatus("onMenuOpen");
        }}
      />

Answer 1

正如 StackOverflow 答案中所述，允许menuPortalTarget您选择菜单覆盖的 dom 节点。

<Select
 menuPortalTarget={document.body}
 styles={{
     menuPortal: base => ({ ...base, zIndex: 9999 })
 }}
/>