表单验证实现React-router跳转
2024-09-04 18:05:35
方法一:broserHistory.push
handleSubmit(e){
e.preventDefault();
const path = '/demo';
broserHistory.push(path);
}
方法二:context对象方法
export default React.createClass({
// ask for `router` from context
contextTypes: {
router: React.PropTypes.object
},
handleSubmit(event) {
// ...
this.context.router.push(path)
},
})
方法三:this.props.history
submitForm(e) {
e.preventDefault();
const _this = this;
_this.refs.ruleForm.validate((valid) => {
if (valid) {
_this.props.history.push('./../pages/demo');
} else {
console.log('error submit!!');
}
});
}
最新文章
- socket 收发报文小程序
- C#的HTTP协议中POST与GET的区别
- 快速判断ie10及以上版本浏览器
- WEB-INF目录下的文件访问权限(待解决)
- mysql 密码重置
- android Error occurred during initialization of VM Could not reserve enough space for object heap Could not create the Java virtual machine.
- C &;&; C++ 内存分配示意图
- 210. Course Schedule II
- Foreach语法
- TreeSet类的排序问题
- javascript笔记整理(数据类型强制/隐式转换 )
- 008实现一个算法从一个单链表中返回倒数第n个元素(keep it up)
- js基础---cookie存储
- 关于将dede织梦data目录迁移出web目录
- 人人都是CEO
- Android性能优化-内存泄漏的8个Case
- 启动两个tomcat服务,以及使用nginx代理实现访问
- TeamView工具在提示“似乎用于商用环境”的处理方式
- Linux常用命令之文件和目录处理命令
- JavaScript对象Object