handleSubmit(event) { event.preventDefault() const userName = event.target.elements[0].value const repo = event.target.elements[1].value const path = `/repos/${userName}/${repo}` browserHistory.push(path) }
${userName} 一种后端语言常用的表达式写法，可在字符串中取变量
handleSubmit(event) { // ... this.context.router.push(path) },
第二种方法是使用context对象。
export default React.createClass({ // ask for `router` from context contextTypes: { router: React.PropTypes.object }, handleSubmit(event) { // ... this.context.router.push(path) }, })
多人协作开发router文件管理
一般一个项目都会有一个统一的router文件，相当于一个router池，不同的请求，请求router池中所匹配的路径，加载请求所需页面。 but 。。。 每个开发者开发一个组件都会需要配置路由，会导致router文件不易管理，容易导致冲突，甚至故障。 so。。，也许，可能可以每个组件文件夹下对于一个XXX.router 文件，前端代码打包上传到线上时触发某个钩子函数，将XXX.router文件统一合并到中央router文件中，从而避免多人操作router文件。