我正在学习React.js。在下面的代码中,我使用了一个表单,我正在尝试查看even
包含的内容。所以我console.log
。但后来我注意到在日志中我没有preventDefault
方法。那么,那是从哪里来的?为什么当我记录它甚至不存在?
constructor(props) {
super(props);
console.log('cons');
this.onInputchange = this.onInputchange.bind(this);
this.state = { name: 'Dear. ' };
}
onInputchange(event) {
this.setState({ name: event.target.value });
}
onFormSubmit (event) {
event.preventDefault();
console.log(event);
debugger;
}
render() {
console.log('rende');
return (
<form onSubmit={this.onFormSubmit} className="input-group" borderColor='pink'>
<input
className="form-control"
value={this.state.name}
onChange={this.onInputchange}
placeholder="enter the name please "
/>
<span className="input-group-btn">
<button type="submit" className="btn btn-secondary">submit</button>
</span>
</form>
);
}
}