Пагинация и фильтрация - PullRequest
Новая
       6

Пагинация и фильтрация

0 голосов
/ 23 января 2020

Я делаю сайт с фильмами. У меня есть страница, где отображаются все фильмы, есть рабочая нумерация страниц, есть фильтры. Дело в том, что я не могу применять фильтры и навигацию по страницам одновременно. Данные поступают в разные обработчики из одной формы, другой из нумерации страниц.

Как объединить данные для отправки? Так что данные из формы и нумерации страниц go сводятся вместе.

Если применить фильтры, а затем go ко второй странице, то фильтры будут сброшены, поскольку они go отдельно друг от друга. 

const Discvoer = props => {
 
//send number from pagination
  let nextPage = num => {
    let data = {
      
      num: num
    };
    props.Get(data);
  };
//send data from form
  let onChange = info => {
    let data = {
      Sort: info.Sort,
      Year: info.Year,
      Genres: info.Genres,
      KeyWords: info.KeyWords,
    };
    props.Get(data);
  };
  return (
    <div className={classes.Discvoer}>
      <div className={classes.filter}>
        <FilterForm {...props} onChange={onChange}></FilterForm>
      </div>
   .....
      <div>
        {TotalPages > 1 && (
          <Paginator
            TotalResults={props.Films.total_results}
            currentPage={props.Films.page}
            nextPage={nextPage} gets number of page
          ></Paginator>
        )}
      </div>
    </div>
  );
};
...