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

Question

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 controlId="formHorizontalEmail">
                      <Col componentClass={ControlLabel} sm={2}>
                        邮件
                      </Col>
                      <Col sm={10}>
                        <FormControl type="phonenumber" name="username" placeholder="请输入您的手机号码" />
                      </Col>
                </FormGroup>

                <FormGroup controlId="formHorizontalPassword">
                  <Col componentClass={ControlLabel} sm={2}>
                    密码
                  </Col>
                  <Col sm={10}>
                    <FormControl type="password" 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,这个该如何解决

Answer 1

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

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