Ken428965 2022-08-30 21:20 采纳率: 53.4%
浏览 69
已结题

react嵌套路由里的子路由显示不出来

使用react希望实现以下功能:
1、chrome浏览器地址栏输入http://localhost:3000/home或点击页面里的“首页”后,下方显示”首页“二字,如下图:

img

2、chrome浏览器地址栏输入http://localhost:3000/home/news后,下方显示”首页“以及”这是News组件的内容,它是子路由的内容“,如下图:

img

3、当地址栏删除/news后(即地址改为http://localhost:3000/home),下方显示”首页“二字,不再显示”这是News组件的内容,它是子路由的内容“,如下图:

img

vscode里写的内容如下:
配置路由:

img


父路由:

img


子路由:

img


在vscode里写完以上内容后,子路由的内容没有显示出来,实现不了想要的效果,请问以上代码哪里出了问题?请问如何修改?

  • 写回答

1条回答 默认 最新

  • 崽崽的谷雨 2022-08-31 08:56
    关注

    router.js 里配置截个图

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 9月9日
  • 已采纳回答 9月1日
  • 创建了问题 8月30日

悬赏问题

  • ¥20 关于线性结构的问题:希望能从头到尾完整地帮我改一下,困扰我很久了
  • ¥30 3D多模态医疗数据集-视觉问答
  • ¥20 设计一个二极管稳压值检测电路
  • ¥15 内网办公电脑进行向日葵
  • ¥15 如何输入双曲线的参数a然后画出双曲线?我输入处理函数加上后就没有用了,不知道怎么回事去掉后双曲线可以画出来
  • ¥50 WPF Lidgren.Network.Core2连接问题
  • ¥15 soildworks装配体的尺寸问题
  • ¥100 有偿寻云闪付SDK转URL技术
  • ¥30 基于信创PC发布的QT应用如何跨用户启动后输入中文
  • ¥20 非root手机,如何精准控制手机流量消耗的大小,如20M