在.net开发员眼里,如果使用MVC,根据路由匹配原则,可以通过各种方式接收参数,比如 /Post/List/1, /Post/List/2,或者 /Post/List?id=1,/Post/List?id=2,后端PostController中的List Action都能接收到id为1或者2的参数,进行相应操作;但是,我们使用Ant Design For React的时候,如果使用react-router-dom作为路由,不管使用哪种参数,点击不同参数页面链接的时候,地址栏里页面参数是变了,但是后台页面居然不刷新,还是维持原先的页面,这是怎么一回事呢,我们来一探究竟。
我们的思路是:在P_Index页面里面使用js获取地址栏参数的方法,获取参数,进行页面渲染,代码如下:
Main.js (主要的框架页面,我们要渲染P_Index)
......
import { BrowserRouter as Router, Switch, Route, Link} from "react-router-dom";
import P_Index from './p/Index';
......
class Main extends React.Component {
......
render() {
return (
<Router>
<Layout>
<Sider collapsible collapsed={this.state.collapsed}>
......
<Switch>
<Route path="/p">
<P_Index></P_Index>
</Route>
.......
</Switch>
</Content>
</Layout>
</Layout>
</Router>
);
}
}
export default Main;