[react]react 路由传参

react 路由传参，当不用query传参时，设置了id，不传参会报错的问题。


解决方式1.

当路由传参和没参的时候，用下面（图一）方式兼容，但是会出现以下问题，当没参时，能进入页面，
当有参时，会重复出现内容（图三），因为相当于拦截了两次，所以此方式不可取

图片：2018-08-25_154553.png

图片：2018-08-25_154624.png

图片：2018-08-25_154640.png

解决方式2.

低版本的react-router 2.0支持以下通配符方式（图四）

图片：2018-08-25_183016.png

解决方式3.

目前版react-router 4.0，用（图四）方式不行，用（图五）才能匹配可选参

图片：2018-08-25_184602.png

哈哈，感谢楼主分享哦，版本的不同说的很清楚