ant design列表页带参数跳转到详情页

 ant  design中 要从 localhost/test/list跳转到 localhost/test/detail,实现带参数跨页面跳转,跳转后的页面获取参数。

1.第一次尝试跳转,参数写在pathname后面。


参数在pathname后面

结果: 页面跳转到了404页面,但是刷新页面可以正常加载detail.js,不过每次都要手动刷新,这种方法失败了。

2. 第一次尝试跳转,参数写在query里面。


参数在query里面

结果: 这次可以跳转到 test/detail页面,不用手动刷新,但是从哪里接受 personId和phoneNumber依然是个问题。

在detail的关联model文件中有subscriptions方法,可以判断页面进入到 test/detail ,所以在这个函数也可以找到传递过来的参数。经过尝试找到了解决办法,在location中有传递过来的 query对象。


location.query获取参数

通过 console.log 可以打印 personId和phoneNumber的值,这样就获取了test/list 传递过来的参数。

你可能感兴趣的:(ant design列表页带参数跳转到详情页)