class UsersList extends Component {
apiClient = new ApiClient();
constructor(props) {
super(props)
this.state = {
usersList: [],
nextUrl: '',
page: 1,
total_pages: 0,
}
}
componentDidMount() {
this.apiClient
.getUsers()
.then((response) => {
return response;
})
.then((data )=> {
this.setState({
usersList: data.users,
nextUrl: data.links.next_url,
total_pages: data.total_pages
})
})
}
componentWillUpdate() {
if(this.props.resetUsers ===true){
console.log(this.props.resetUsers)
this.forceUpdate()
}
}
showMoreUsers = () => {
fetch(this.state.nextUrl)
.then(response =>response.json())
.then(response => {
this.setState(({usersList, nextUrl, page}) => {
const _next = response.links.next_url;
const _page = response.page;
const newArr = [...usersList, ...response.users];
return {usersList: newArr,
nextUrl: _next,
page: _page}
})
})
}
render() {