ant-design/components/pagination/demo/controlled.md

36 lines
496 B
Markdown

---
order: 8
title:
zh-CN: 受控
en-US: Controlled
---
## zh-CN
受控制的页码。
## en-US
Controlled page number.
````jsx
import { Pagination } from 'antd';
class App extends React.Component {
state = {
current: 3,
}
onChange = (page) => {
console.log(page);
this.setState({
current: page,
});
}
render() {
return <Pagination current={this.state.current} onChange={this.onChange} total={50} />;
}
}
ReactDOM.render(<App />, mountNode);
````