ant-design/components/rate/demo/text.md

632 B

order title
2
zh-CN en-US
文案展现 Show copywriting

zh-CN

给评分组件加上文案展示。

en-US

Add copywriting in rate components.

import { Rate } from 'antd';

class Rater extends React.Component {
  state = {
    value: 3,
    count: null,
  }
  handleChange = (value) => {
    this.setState({ value });
  }
  render() {
    const { value } = this.state;
    return (
      <span>
        <Rate onChange={this.handleChange} value={value} />
        {value && <span className="ant-rate-text">{value} stars</span>}
      </span>
    );
  }
}

ReactDOM.render(<Rater />, mountNode);