Reactjs 反应链接不更新视图

我的路由器有问题。基本上，如果我通过url直接导航到路由，在我的情况下：

我确实将about组件加载到视图中

但是，如果我单击指向“从主页开始”的链接，URL确实会更改，但视图不会更改。无法加载“关于”组件

//App.js
从“React”导入React，{Component}；
进口{
BrowserRouter作为路由器，
路线,，
链接为RouterLink，
}从“反应路由器dom”
从“./Nav”导入Nav；
从“/关于”导入关于；
类应用程序扩展组件{
render（）{
返回(

);
}
首页=（）=>(
家
)
}
导出默认应用程序；
//Nav.js
从“React”导入React，{Component}；
进口{
作为路由链接的链接
}从“反应路由器dom”
导出默认类Nav扩展组件{
render（）{
返回(
家
关于
);
}
}
//关于.js
从“React”导入React，{Component}；
导出关于扩展组件的默认类{
render（）{
返回(
关于
);
}
}

Hmm。。。您是如何编译

Nav

组件的？它具有返回多个根元素的无效呈现实现。我知道这是一个很大的问题，但是您能否创建一个codepen.io示例来演示这个问题？现在你的代码看起来不错。我个人无法从你发布的代码中找到问题。你在控制台上有什么错误吗？一切正常吗？