在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java/ 為何在react的表單中加了onsubmit之后表單還是會(huì)跳轉(zhuǎn)

為何在react的表單中加了onsubmit之后表單還是會(huì)跳轉(zhuǎn)

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="請(qǐng)輸入您的手機(jī)號(hào)碼" />
                      </Col>
                </FormGroup>

                <FormGroup controlId="formHorizontalPassword">
                  <Col componentClass={ControlLabel} sm={2}>
                    密碼
                  </Col>
                  <Col sm={10}>
                    <FormControl type="password" name="password" placeholder="請(qǐng)輸入您的密碼" />
                  </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

無(wú)論是在Button上加onClick,還是在Form上加onSubmit，最后還是會(huì)跳轉(zhuǎn)到action,這個(gè)該如何解決

回答
編輯回答
失魂人
submit(e) {
        e.preventDefault();
        }

action是表單提交的默認(rèn)事件，在你的提交事件中，增加阻止默認(rèn)事件的語(yǔ)句。

2017年7月10日 11:01