import React from 'react'; import ReactPaginate from 'react-paginate'; import fetch from 'node-fetch'; class App extends React.Component { constructor(props) { super(props); this.state = { page: 0, perPage: 0, total: 0, pageCount: 0, data: [], }; } componentDidMount() { this.load(this.state.page); } load = async (page) => { var url = 'https://reqres.in/api/users?per_page=2&page='+page; console.log('load '+ url); var res = await fetch(url); res = await res.json(); // set state from ajax this.setState({ page: res.page, perPage: res.per_page, total: res.total, pageCount: res.total_pages, data: res.data, }) } handlePageClick = (page) => { console.log('clicked page ', page.selected); this.load(page.selected); } render = () => ({this.state.data.map((d) => (); } export default App;{d.first_name}
))}