--- order: 4 title: zh-CN: 动态 en-US: Dynamic --- ## zh-CN 展示动态变化的效果。 ## en-US The count will be animated as it changes. ````jsx import { Badge, Button, Icon } from 'antd'; const ButtonGroup = Button.Group; const Test = React.createClass({ getInitialState() { return { 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 }); }, onClick() { this.setState({ show: !this.state.show, }); }, render() { return (
); }, }); ReactDOM.render( , mountNode); ````