react IndexRoute与自定义组件

在学习react-router时,官网上用了IndexRoute来嵌套路由,并在外层的App组件中加入this.props.children
react IndexRoute与自定义组件
react IndexRoute与自定义组件
由于react-router已经弃用IndexRoute,所以当采用这种方式时,会出现如下报错
‘IndexRoute’ is not exported from ‘react-router’。
于是将IndexRoute改为自定位组件,类似于Vue中引入组件一样,在引入组件中,依然要加入this.props.children就可以实现了
react IndexRoute与自定义组件
如果页面是互斥的,可以加上switch,如果不互斥就不用加,效果图为
react IndexRoute与自定义组件
react IndexRoute与自定义组件

如果不加效果图为
react IndexRoute与自定义组件