“ react-infinite-scroll-component”迁移到React路由后停止工作

Question

在我迁移到React Routes后，InfiniteScroll不起作用，未调用next={this.fetchMoreData}。
以前一切正常。

代码参考：

<InfiniteScroll dataLength={searchResults.length} next={this.fetchMoreData}  
    hasMore={this.state.hasMore} height={searchResults.length !==0 ? 776 : 0} 
    loader={<h4 style={{textAlign: 'center'}}>{t('loading_msg')}</h4>}
    endMessage={
    <p>
        {t('no_more_results_found')}
    </p>
    }
    scrollableTarget={'infiniteScrollContainer'}
    >
    {searchResults.map((searchRecord, index) => (
    // Populating data)}
</InfiniteScroll>