SAAS云平台搭建札记: (四) AntD For React使用react-router-dom路由接收不同参数页面不刷新的问题

    在.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;

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wssfgx.html