这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 react-router JS 控制路由跳转实例,react 实现路由可以直接使用 react-router。有兴趣的可以了解一下
Link 组件用于正常的用户点击跳转,但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟 React Router 对接呢?
下面是一个表单。
- <form onSubmit={this.handleSubmit}>
- <input type="text" placeholder="userName"/>
- <input type="text" placeholder="repo"/>
- <button type="submit">Go</button>
- </form>
第一种方法是使用 browserHistory.push
- import { browserHistory } from 'react-router'
- // ...
- 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)
- },
第二种方法是使用 context 对象。
- export default React.createClass({
- // ask for `router` from context
- contextTypes: {
- router: React.PropTypes.object
- },
- handleSubmit(event) {
- // ...
- this.context.router.push(path)
- },
- })
来源: http://www.phperz.com/article/17/0811/338647.html