PreventDefault submit form

const { Component, Fragment } = require(“react”);
const { render } = require(“react-dom”);
import Login from ‘./Sys/Login’;
// const { default: Home } = require(“./Home”);
import Profile from ‘./Sys/Users/Profile’;
// var checkToken = (e) => {console.log(e.target.value)};
class ReactApp extends Component{
constructor(props) {
super(props);
this.formPreventDefault = this.formPreventDefault.bind(this);
this.onClickPreventDefault = this.onClickPreventDefault.bind(this);
}
// handler recieves the `e` event object
formPreventDefault(e) {
alert(‘here’);
e.preventDefault();
}
onClickPreventDefault(e) {
alert(‘onClickPreventDefault called, form will not submit’);
console.log(document.getElementById(‘username1’).value)
e.preventDefault();
}
render(){
// localStorage.setItem(‘login_info’,’test’);
// if (localStorage.getItem(‘login_info’))
// localStorage.removeItem(‘login_info’);
// var login_info = localStorage.getItem(‘login_info’);
// var form_show = login_info ? ‘<MainApp/>’+test(‘test m’) : ‘<Login/>’+test(‘test l’);
letthongbao = (e) =>{
console.log(toWord(e.target.value));
}
lethoso = {
‘thongtin’:’Hồ sơ nhân viên’
,’ten’:’Vũ Văn Phổ’
,’ngaysinh’:’08/11/1977′
,’noisinh’:’Tiền hải thái bình’
,’truong’:’Bách khoa Hà Nội’
,’lop’:’QTDN – K40′
};
letthuoctinh = {
‘className’:’Container’
,’id’:’1′
};
return(
<divclassName=”container”>
<divclassName=”row”>
<divclassName=”col-3 bg-success”>
<Profile{…hoso}{…thuoctinh}>
</Profile>
</div>
<divclassName=”col-9 bg-warning”>
<Login{…thuoctinh}></Login>
{/* <Home/> */}
<formonSubmit={this.formPreventDefault}>
<inputtype=”tel”name=”tel”placeholder=’Số điện thoại’id=”tel”required/>
<inputtype=”text”name=”username”placeholder=’Tên người dùng’id=”username”/>
<inputtype=”password”name=”password”id=”password”/>
<inputtype=”submit”value=”Đăng nhập”onClick={thongbao}/>
</form>
<form>
<div>
<inputtype=”tel”name=”tel1″placeholder=’Số điện thoại’id=”tel1″required/>
<inputtype=”text”name=”username1″placeholder=’Tên người dùng’id=”username1″/>
<inputtype=”password”name=”password1″id=”password1″/>
<h3>Buttons</h3>
<p>
<buttoncolor=”primary”onClick={this.onClickPreventDefault}>onClickPreventDefault</button>&nbsp;
</p>
</div>
</form>
</div>
</div>
</div>
)
}
}
render(<ReactApp>ReactJs </ReactApp>,document.getElementById(‘reactapp’));
function test(testname) {
return’ok’+testname;
};
{/* <input type=”text” name=”ten” id=””
onClick={(e) => testreactjs(SPJ_numberToWord(e.target.value,’vnd’))}
className=”container”/> */}
import { Component } from “react”;
import Login from ‘../../Sys/Login’;
export default class Profile extends Component{
render(){
const {id,ten,thongtin,ngaysinh,noisinh, …other} =this.props;
return(
<>
<Login{ …other}></Login>
<hr/>
Connecting People
<hr/>
<Login{…this.props}></Login>
</>
)
}
}

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *