我很新,所以如果这是一个愚蠢的问题,请原谅我。
我正在尝试使用Meteor
和提交我的表单React
。当我单击提交按钮时,我得到 undefined undefined 但这只是因为我无法在输入字段中输入。想不通啊 这是我的代码。
目前唯一onSubmit
要做的就是提供日志。
export default class AddDeal extends React.Component {
constructor(props) {
super(props);
// Set the state
this.state = {
title: '',
description: ''
};
this.onSubmit = this.onSubmit.bind(this);
this.handleChange = this.handleChange.bind(this);
}
onSubmit(e) {
e.preventDefault();
console.log(this.state.name, this.state.age);
}
handleChange(e) {
this.setState({
[event.target.name]: event.target.value
});
}
render() {
return (
<div>
<h1>Add Deal</h1>
<form onSubmit={this.onSubmit}>
<label><input value={this.state.title} onChange={this.handleChange} type="text" name="title"/></label>
<label><input value={this.state.description} onChange={this.handleChange} type="text" name="description" /></label>
<input type="submit" value="Submit"/>
</form>
</div>
);
}
}
谢谢你。
在您的手柄更改功能中,更改event
为e
,反之亦然。您正在接受 e 但随后使用了称为事件的东西。这些变量名称应该相同。
handleChange(e) {
this.setState({
[e.target.name]: e.target.value
});
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句