reactjs - this.state 中的额外未定义值
问题描述
我正在尝试在 reactjs 中发布一个表单,我怀疑它没有写入 DB,因为undefined
我的状态很奇怪,看起来像:
但在控制台中我得到:
我前面的代码是:
constructor(props) {
super(props);
this.state = { name: '', gender: '', email: '' };
}
handleChange= (event) => {
this.setState({
[event.target.name]: event.target.value,
[event.target.gender]: event.target.value,
[event.target.email]: event.target.value,
// [event.target.phone]: event.target.value,
});
}
handleSubmit = (event) => {
console.log(JSON.stringify(this.state));
alert('A form was submitted: ' + this.state);
fetch('http://localhost:3000/api/game/contacts', {
method: 'POST',
body: JSON.stringify(this.state)
}).then(function(response) {
return response.json();
});
event.preventDefault();
}
render() {
const { user } = this.props.auth;
console.log(this.state);
return(
<div>
<form onSubmit={this.handleSubmit}>
<label>
Name:</label>
<input type="text" value={this.state.value} name="name" onChange={this.handleChange} />
<label>
Gender:</label>
<input type="text" value={this.state.value} name="gender" onChange={this.handleChange} />
<label>
Email:</label>
<input type="text" value={this.state.value} name="email" onChange={this.handleChange} />
<input type="submit" value="Submit" />
</form>
</div>
);
}
}
Dashboard.propTypes = {
auth: PropTypes.object.isRequired
};
const mapStateToProps = ( state ) => ({
auth: state.auth
});
export default connect( mapStateToProps )( Dashboard );
必须超级简单,但我用谷歌搜索了 2 个小时,但看不到问题。谢谢你的时间
解决方案
推荐阅读
- javascript - 为什么从返回函数调用不起作用并说未定义?
- json - bash变量中的json字符串
- ios - textField:shouldChangeCharactersInRange:replacementString: 正在传递一个 nil 参数
- swift - Spritekit,复制现有节点和初始化新节点是否需要相当的计算能力?
- java - Don't show the UAC prompt when I run a program
- javascript - Shopify collection sort method not working
- node.js - 量角器验证密码被隐藏
- javascript - 按值而不是键排序对象的反应本机列表
- java - Spring lookup method annotation overuse
- javascript - JS旋转动画变化速度