您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> Java >> 为何在react的表单中加了onsubmit之后表单还是会跳转

为何在react的表单中加了onsubmit之后表单还是会跳转

来源:网络整理     时间:2018/1/27 1:18:27     关键词:

关于网友提出的“ 为何在react的表单中加了onsubmit之后表单还是会跳转”问题疑问,本网通过在网上对“ 为何在react的表单中加了onsubmit之后表单还是会跳转”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: 为何在react的表单中加了onsubmit之后表单还是会跳转
描述:

import React, { Component } from 'react';
import { Form, FormGroup, Col, Button, Checkbox, FormControl, ControlLabel} from 'react-bootstrap';
import '../CSS/login.css'

class Login extends Component{


    handleClick(){
        alert("false");
        return false;
    }
    render(){
        return (
            <Form horizontal className="login" method="post" action="http://localhost:8080/regester.do">
                <FormGroup c name="username" placeholder="请输入您的手机号码" />
                      </Col>
                </FormGroup>

                <FormGroup c name="password" placeholder="请输入您的密码" />
                  </Col>
                </FormGroup>

                <FormGroup>
                  <Col smOffset={2} sm={10}>
                    <Checkbox>记住我</Checkbox>
                  </Col>
                </FormGroup>

                <FormGroup>
                  <Col smOffset={2} sm={10}>
                    <Button type="submit" onClick = {this.handleClick}>
                      登录
                    </Button>
                  </Col>
                </FormGroup>
            </Form>
        );
    }

}
export default Login

无论是在Button上加onClick,还是在Form上加onSubmit,最后还是会跳转到action,这个该如何解决


解决方案1:

submit(e) {
        e.preventDefault();
        }
    

action是表单提交的默认事件,在你的提交事件中,增加阻止默认事件的语句。


以上介绍了“ 为何在react的表单中加了onsubmit之后表单还是会跳转”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:http://www.codes51.com/itwd/4536163.html

相关图片

相关文章