react-select组件使用

怕冷的火焰（~杰）

已于 2024-05-14 10:34:51 修改

阅读量495

点赞数 2

分类专栏： Antd React 前端文章标签： react.js javascript 前端

于 2024-05-07 15:37:28 首次发布

本文链接：https://blog.csdn.net/weixin_50236973/article/details/138534385

版权

前端同时被 3 个专栏收录

60 篇文章 0 订阅

订阅专栏

React

27 篇文章 1 订阅

订阅专栏

Antd

15 篇文章 0 订阅

订阅专栏

1. 在react-select下拉框中鼠标移入时显示标签的title

// 在react-select下拉框中鼠标移入时显示标签的title
<Select
  options={options}
  getOptionLabel={(option) => (
    <div title={option.label}>{option.label}</div>
  )}
/>

2. 增加下拉框层级数值

// 增加下拉框层级数值
const customStyle = {menu: (provided, state) => ({...provided}), control: provided => ({...provided})}
<Select
  styles={{...customStyle, menuPortal: base => ({...base, zIndex: 9999})}}
/>