react中一个组件中用link实现跳转到另一个组件传递参数的方式有哪些？

Question

用react做单页面应用，在一个组件中用link组件实现到另一个组件的跳转，但是需要在url传递参数，比如说点击服务列表中某一项，跳转到某一个服务的详情信息页面，这个时候需要在link的to属性中加入那个具体服务的服务ID作为param参数，然后通过这个服务ID获取相应服务信息。但是，这个ID会显示在地址栏的url中，怎么才能将需要传递过去的参数不显示在地址栏中呢？

Answer 1

虽然不推荐，但是，

1. 搞个全局变量？

2. 试试localStroage(其实和上面一样啦)

Answer 2

redux吧

Answer 3

如果是react-router使用
<Route path="/:id" component={ItemDetail} />
ItemDetail组件内部 this.props.params.id获取到url的值

react-router-dom
<Route path="/:id" component={ItemDetail} />
ItemDetail组件内部 this.props.match.params.id获取到url的值

这样就可以利用其id值对应请求服务器的内容