Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Удаленная работа для IT-специалистов
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() {