javascript - 反应控制输入
问题描述
我做了一个简单的反应控制输入,将值存储在一个状态中,我不明白为什么当我第一次按下一个键时控制台日志显示“”。
这是我的代码
class Form extends React.Component {
constructor(props) {
super(props);
this.state = {
value: "",
};
}
handleForm = (e) => {
console.log("test");
e.preventDefault();
};
handleUsername = (e) => {
this.setState({ value: e.target.value });
console.log(this.state);
};
render() {
return (
<>
<div>
<form onSubmit={this.handleForm}>
<input
onChange={this.handleUsername}
type="text"
placeholder="username"
value={this.state.value}
/>
<input type="submit" />
</form>
</div>
</>
);
}
}
export default Form;
解决方案
推荐阅读
- javascript - 使用 node.js 从不同 PC 并发更新共享输出文件(.xls、.csv 等)
- mongodb - MongoDB v4 聚合查找查询中的投影
- javascript - 如何动态使用 useReducer (或其他替代方法)以防止编写多行重复的代码?
- spring-boot - mysql数据库不是用spring boot jpa自动创建的
- c++ - 在 foreach 循环中附加到地图
- sql - SQL 权限函数
- mongoose - 如何从填充的文档中选择字段,但在父文档上使用选择?
- python - Python:使用表格获取特定信息
- java - Java 类名作为变量
- angular - Ionic 5/Angular - 离子选择不显示所选值