передать строку запроса на URL в реакции-маршрутизаторе после события триггера

Question

Я начинаю создавать свое приложение. Стоя в функции нумерации страниц.

Базовый URL: localhost:3000/discover/movie

Теперь, когда я пытаюсь вызвать какое-то событие, например кнопку «Далее», выберите элемент в раскрывающемся списке «Выбор года». URL-адрес после должен быть таким:

localhost:3000/discover/movie?page=1&language=en-US&primary_release_year=1990&sort_by=popularity.asc

Мой исходный код:

Метод nextPage:

nextPage = () => {
    const page = this.state.data.page + 1;
    const year = this.state.selectedYear;
    requestApi.fetchDataDiscoverPagePaginate('discover/movie', page, 'movie', year).then(response => {
        this.setState({data: response.data});
    });
};

Сортировать по годам метод:

selectYearHandleChange = (selectedYear) => {
    if (selectedYear) {
        let year = selectedYear.value.toString().toLowerCase();
        requestApi.filterData('discover/movie', year).then(response => {
            this.props.listMoviesByYear(response.data);
            this.setState({selectedYear: year});
            this.props.selectedYear(year);
        });
    }
};

Как мы можем это сделать? Пожалуйста, дайте мне способ решить эту проблему. Tks

Answer 1

this.props.history.replace('/chat?id=123')

Использование метода history.replace () может изменить URL