DefinitelyTyped/types/react-js-pagination/react-js-pagination-tests.tsx
mg.yang 2d834f5b2b [@types/react-js-pagination] fix getPageUrl type (#36925)
* fix getPageUrl type

* add test

* linting semicolon

linting

Co-Authored-By: Andrew M. <r3nya@ya.ru>
2019-07-22 13:26:19 -07:00

29 lines
718 B
TypeScript

import * as React from 'react';
import Pagination from 'react-js-pagination';
class ReactPagination extends React.Component<{}, {activePage: number}> {
constructor(props: {}) {
super(props);
this.state = {
activePage: 1
};
this.handleChange = this.handleChange.bind(this);
this.makePageUrl = this.makePageUrl.bind(this);
}
handleChange(pageNumber: number) {
this.setState({
activePage: pageNumber
});
}
makePageUrl(pageNumber: number) {
return `#;page=${pageNumber}`;
}
render() {
return (
<Pagination activePage={this.state.activePage} onChange={this.handleChange}
totalItemsCount={100} getPageUrl={this.makePageUrl}
/>
);
}
}