如何使用FlowRouter.go触发要重新加载的URL

Question

我正在使用React / Meteor来玩Pagination。 通过在URL中传递limit参数，我可以定义应显示的结果数。

FlowRouter.route('/books/:_booksLimit?', {
    action() {
        mount(Es6MainLayout, {
            content: (<BookSearchWrapper/>)
        })
    }
})

但是，当我尝试增加限制以加载更多时，会生成URL，但FlowRouter实际上并不重新加载页面。 我觉得我在这里采取了错误的做法。 我该如何触发实际重新加载的URL？

目前，这将URL设置为books / 20，但页面实际上并未重新加载，并且不会显示其他结果。

loadMore() {
    FlowRouter.go('/books/20')
}

任何帮助赞赏！

Answer 1

为了使组件重新渲染，我认为最好的方法是将限制作为属性传递给它。

我不确定你的数据加载是如何处理的，但我认为它是某种类型的高阶组件。

因此，以下内容应该起作用：

FlowRouter.route('/books/:_booksLimit?', {
    name: 'books.list',
    action({_booksLimit}) {
        mount(Es6MainLayout, {
            content: () => (<BookSearchWrapper limit={_booksLimit} />)
        });
    }
});

如果没有，请确保您正在根据limit道具加载数据。