React 路由器无法按预期方式运行

Question

我有一个带有两条路由的 React 应用程序。一个给'/'，另一个给'/login'。但是，当在主应用程序（'/'）中使用Link 组件切换到'/login' 路由时，没有任何反应。但是，如果我在浏览器中手动输入'/login' 并按回车键，就会渲染出路线。有什么线索吗？

编辑：从主应用程序切换到'/login' 路由然后重新加载路由后也会呈现。

路线：

function App() {
    return (
        <Router>
            <Route exact path="/" component={MainApp}></Route>
            <Route exact path="/login" component={LoginApp}></Route>
        </Router>
    )
}

链接

 <Router>
                <Menu mode="horizontal" defaultSelectedKeys={["Home"]} style={{ position: "fixed", zIndex: 1, width: "100%", top: "0" }}>

                    <Menu.Item key="Home" icon={<HomeOutlined />}>
                        <Link to="/" onClick={() => { props.setSearchValue(""); props.setCountry("") }}>Home</Link>
                    </Menu.Item>
                    <Menu.Item key="Login">
                        <Link to="/login">Login</Link>
                    </Menu.Item>
</Menu>
</Router>

Answer 1

Menu 是父组件还是子组件，如果是子组件，它的父组件在哪里：MainApp 或 LoginApp？