想实现一个背景音乐，每次跳路由音乐组件不渲染，怎么实现

#1

router.js--------

AppContainer.js-----

这样子每次跳转路由，Player都会重新渲染导致歌曲断掉。。。请问怎么实现跳转路由，歌曲不中断

#2
  • 额，找到原因了，之前根路由用的异步加载，导致每次路由变化所有路由组件都会重载。。。
//异步加载
import Bundle from '../../router/bundle'

const AppContainer = (props) => (
    <Bundle load={() => import('../AppContainer/AppContainer')}>
        {(AppContainer) => <AppContainer {...props} />}
    </Bundle>
);
  • 换成正常引用就可以了
import AppContainer from '../container/AppContainer/AppContainer'