mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 17:59:57 +08:00
192e188fe8
close #13973
707 B
707 B
order | title | ||||
---|---|---|---|---|---|
2 |
|
zh-CN
给评分组件加上文案展示。
en-US
Add copywriting in rate components.
import { Rate } from 'antd';
const desc = ['terrible', 'bad', 'normal', 'good', 'wonderful'];
class Rater extends React.Component {
state = {
value: 3,
}
handleChange = (value) => {
this.setState({ value });
}
render() {
const { value } = this.state;
return (
<span>
<Rate tooltips={desc} onChange={this.handleChange} value={value} />
{value ? <span className="ant-rate-text">{desc[value - 1]}</span> : ''}
</span>
);
}
}
ReactDOM.render(<Rater />, mountNode);