docs: dropdownRender usage

2de1a15da9
This commit is contained in:
afc163 2022-03-14 22:24:35 +08:00
parent bef910b9bc
commit ad946f9671
3 changed files with 4 additions and 4 deletions

View File

@ -7,11 +7,11 @@ title:
## zh-CN
使用 `dropdownRender` 对下拉菜单进行自由扩展。
使用 `dropdownRender` 对下拉菜单进行自由扩展。自定义内容点击时会关闭浮层,如果不喜欢关闭,可以添加 `onMouseDown={e => e.preventDefault()}` 进行阻止(更多详情见 [#13448](https://github.com/ant-design/ant-design/issues/13448))。
## en-US
Customize the dropdown menu via `dropdownRender`.
Customize the dropdown menu via `dropdownRender`. Dropdown menu will be closed if click `dropdownRender` area, you can prevent it by wrapping `onMouseDown={e => e.preventDefault()}` (see more at [#13448](https://github.com/ant-design/ant-design/issues/13448)).
```jsx
import React, { useState } from 'react';

View File

@ -113,7 +113,7 @@ It's caused by option with different `label` and `value`. You can use `optionFil
### The dropdown is closed when click `dropdownRender` area?
See the instruction in [dropdownRender example](#components-select-demo-custom-dropdown-menu).
Dropdown menu will be closed if click `dropdownRender` area, you can prevent it by wrapping `onMouseDown={e => e.preventDefault()}` (see more at [#13448](https://github.com/ant-design/ant-design/issues/13448)).
### Why sometime customize Option cause scroll break?

View File

@ -114,7 +114,7 @@ cover: https://gw.alipayobjects.com/zos/alicdn/_0XzgOis7/Select.svg
### 点击 `dropdownRender` 里的内容浮层关闭怎么办?
看下 [dropdownRender 例子](#components-select-demo-custom-dropdown-menu) 里的说明
自定义内容点击时会关闭浮层,如果不喜欢关闭,可以添加 `onMouseDown={e => e.preventDefault()}` 进行阻止(更多详情见 [#13448](https://github.com/ant-design/ant-design/issues/13448)
### 自定义 Option 样式导致滚动异常怎么办?