test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-15 17:31:25 +08:00
Code Issues Actions 25 Packages Projects Releases Wiki Activity
e6d86df3a9
ant-design/components/rate/index.zh-CN.md
黑雨 cef58664e8
📝doc: add design token table (#41717) 
* ✨feat: add token

* 📝doc: update lint

* 📝doc: update doc
2023-04-11 10:25:24 +08:00

2.0 KiB
Raw Blame History

category subtitle group title 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

评分组件。

何时使用

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

代码演示

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

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
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