Question

我开始构建我的应用程序。站在分页功能中。

基本URL：localhost:3000/discover/movie

现在，当我尝试触发某些事件（如“下一步”按钮）时，请在下拉选择，年份下拉选择中对项目进行排序。之后的网址应如下所示：

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

now(06-27 20:23:25.693)

使用history.replace（）方法可以更改URL

触发事件后将查询字符串传递给react-router中的url

1 个答案: