react IndexRoute与自定义组件

• Z时代
• 2024-01-10
• 分类：综合

在学习react-router时，官网上用了IndexRoute来嵌套路由，并在外层的App组件中加入this.props.children


由于react-router已经弃用IndexRoute，所以当采用这种方式时，会出现如下报错
‘IndexRoute’ is not exported from ‘react-router’。
于是将IndexRoute改为自定位组件，类似于Vue中引入组件一样，在引入组件中，依然要加入this.props.children就可以实现了

如果页面是互斥的，可以加上switch，如果不互斥就不用加，效果图为

如果不加效果图为

以上是 react IndexRoute与自定义组件 的全部内容， 来源链接： utcz.com/z/381597.html