ant-design/components/rate/index.zh-CN.md
e244a0b816
feat: Rate support keyboard prop (#49132)
* feat: rate add support for disable keyboard events

* chore: bump rc-rate@2.13.0

* chore: update
2024-05-31 10:10:48 +08:00

2.3 KiB
Raw Permalink Blame History

category group title subtitle description cover coverDark demo
Components 数据录入 Rate 评分 用于对事物进行评分操作。 https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*oyOcTrB12_YAAAAAAAAAAAAADrJ8AQ/original https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*M7_ER7GJr6wAAAAAAAAAAAAADrJ8AQ/original
cols
2

何时使用

  • 对评价进行展示。
  • 对事物进行快速的评级操作。

代码演示

基本 半星 文案展现 只读 清除 其他字符 自定义字符 组件 Token

API

通用属性参考:通用属性

属性 说明 类型 默认值 版本
allowClear 是否允许再次点击后清除 boolean true
allowHalf 是否允许半选 boolean false
autoFocus 自动获取焦点 boolean false
character 自定义字符 ReactNode | (RateProps) => ReactNode <StarFilled /> function(): 4.4.0
className 自定义样式类名 string -
count star 总数 number 5
defaultValue 默认值 number 0
disabled 只读,无法进行交互 boolean false
keyboard 支持使用键盘操作 boolean true 5.18.0
style 自定义样式对象 CSSProperties -
tooltips 自定义每项的提示信息 string[] -
value 当前数,受控值 number -
onBlur 失去焦点时的回调 function() -
onChange 选择时的回调 function(value: number) -
onFocus 获取焦点时的回调 function() -
onHoverChange 鼠标经过时数值变化的回调 function(value: number) -
onKeyDown 按键回调 function(event) -

方法

名称 描述
blur() 移除焦点
focus() 获取焦点

主题变量Design Token