全网react 在路由中使用search传参 json数据去空格的实例

336 阅读1分钟

今天在工作中出现了一个奇怪的事情,就是页面路由跳转使用search传参,在用querystring插件转成obj对象的时候,出现了键空格,值也出现的空格,导致获取不能数据,具体效果如下

image.png

解决方案

const {search} = this.props.location
let search2 = qs.parse(search.slice(1))
console.log(search2)
search2 = JSON.stringify(search2).replace(/\s+/g, "")
console.log('search2', search2)
search2 = JSON.parse(search2)

最后

为什么要把这个事情记录一下,因为问题我先后检查是不是我传参的问题,在检查的字段名是不是写的不是一致,这期间就花了半个小时的时间,如果认真看数据结构就能一眼看出问题,不必要各种console.log输出,断点代码,以后要认真的看问题,找到问题在哪,在下手去解决问题,这样就能提高解决问题的效率。