--- order: 4 title: zh-CN: 动态 en-US: Dynamic --- ## zh-CN 展示动态变化的效果。 ## en-US The count will be animated as it changes. ```jsx import { Badge, Button, Switch } from 'antd'; import { MinusOutlined, PlusOutlined, QuestionOutlined } from '@ant-design/icons'; const ButtonGroup = Button.Group; class Demo extends React.Component { state = { count: 5, show: true, }; increase = () => { const count = this.state.count + 1; this.setState({ count }); }; decline = () => { let count = this.state.count - 1; if (count < 0) { count = 0; } this.setState({ count }); }; random = () => { const count = Math.floor(Math.random() * 100); this.setState({ count }); }; onChange = show => { this.setState({ show }); }; render() { return (
); } } ReactDOM.render(, mountNode); ```