使用 react-router-dom 导航答案

【问题标题】：Navigation with react-router-dom使用 react-router-dom 导航
【发布时间】：2018-04-07 11:04:39
【问题描述】：

在react-router-dom 中有一个选项可以在 url 中的页面之间发送数据例如myBurger/?bacon=2&salad=3

我的问题是，是否有一项服务可以从对象中生成（培根、沙拉）数据字符串... 例如

var ingredients = {
  salad: 3,
  bacon: 2
}

myCustomServiceConverter.FromObjectToString(ingredients);
// return ?bacon=2&salad=3

在下一页将是解码它的功能

var URL = http://localhost:3000/myBurger/?bacon=2&salad=3
myCustomServiceConverter.FromStringToObject(URL);
// return { salad: 3, bacon: 2 }

请不要推荐那些link

【问题讨论】：

【解决方案1】：

是的，您可以通过使用名为 qs 的库来做到这一点

你可以在这里找到文档

let url = qs.stringify({salad: 3,
  bacon: 2
})

然后取回对象

使用另一个名为 query-string 的库

 let url = this.props.history.location.state.query;
 let object = queryString.parse(url, {arrayFormat: 'index'})

【讨论】：

【解决方案2】：

我已经为这种操作构建了一个小插件，也许你可以试试here。

【讨论】：