React Router 中的链接未重定向到页面

Question

NavLink 未重定向到指定页面：“api/pages/abc”：

import { BrowserRouter as Link } from 'react-router-dom';
class MyPage extends React.Component{
    render(){
        return(
            <Dropdown.Menu>
                <Link to="api/pages/abc">
                     <Dropdown.Item >
                        Edit
                     </Dropdown.Item>
                 </Link>
            </Dropdown.Menu>
        );
    }
}

export default MyPage;

在另一个文件中：

import { BrowserRouter as Link, Router, Route, Switch } from 'react-router-dom';
<Router>
    <Switch>
        <Route path="api/pages/abc" component={MyPage} />
    </Switch>
</Router>


    

可能是什么问题，为什么它没有重定向到指定页面：“api/pages/abc”？

Answer 1

你是导入链接错误，而不是这个

import { BrowserRouter as Link } from 'react-router-dom';

使用这个

import { Link } from "react-router-dom";

文档：https://reactrouter.com/web/guides/quick-start