Как правильно передать параметры для изменения страницы в API с помощью React

Question

У меня есть эта кнопка внутри реагирующего компонента, и я вызываю функцию fetchImages вместе с ней

                  <button onClick={() => this.fetchImages()} 
                     type="submit" className="btn btn-primary mt-4">
                    Mais Imagens
                  </button>

FetchImages - это функция, в которой я использую axios, чтобы сделать запрос get в API FLASK, чтобы получить всештрихи на одной странице

fetchImages(page) {
const { filters } = this.state;
this.setState({ loadingFetchImages: true });
const { headers } = getAxiosConfig();
axios.get(`${API_URL}/api/imagens_selecionadas`, { params: { page, q: 
filters }, headers })
.then((response) => {
  const images = response.data.objects.map(image => ({ ...image, check: 
 false }));
  this.setState({ images, loadingFetchImages: false });
  })
.catch(handleRequestError);

}

Мне нужно найти способ, чтобы каждый раз, когда пользователь нажимал кнопку, переход на страницу с параметром? page = 1,? page =2 и т. Д. Поэтому мне нужно позвонить http://localhost:5000/api/imagens_selecionadas?page=1,? Page = 2 и т. Д. ...

Я не могу найти способ сделать это, кто-нибудь может мне помочь?

Answer 1

вы можете определить хранилище для вашего компонента и сохранить в нем переменную и константу.если вы передаете свой магазин через ваш компонент, у вас всегда есть каждая критическая и необходимая переменная, которую вы хотите