如何使用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道具加載數據。