0

我正在使用react-routerwithreact-transition-group在整页组件之间切换（想想一本简单的书）。但是有时下一页有一些图像。因此，在所有图像/包含的 CSS 也加载之前，我不希望加载下一页。我不介意在此转换发生之前有一个加载器，等待下一个组件加载。

但是我找不到在整个下一个组件加载时调用事件的任何方法。componentDidMount()在传入的组件上不识别图片是否已经加载到新的组件中，所以当下一个组件滑入的时候，图片经常加载不出来，所以不是很流畅。

这是我的 CSSTransition 和 Switch 代码：

const App = withRouter(({ location }) => (
    <TransitionGroup>
        <CSSTransition
            key={location.key}
            classNames='slide'
            timeout={1000}
        >
            <Switch location={location}>
                <Route path="/:page" component={Subpage} />
                <Route path="/" exact component={Homepage} />
            </Switch>
        </CSSTransition>
    </TransitionGroup>
))
4

0 回答 0