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

Posted 2023-03-14

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

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

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

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

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

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

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