正在回答
同学你好,setState是异步的,在后面的课程中会有讲解,链接:https://class.imooc.com/lesson/1030#mid=24823
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
import React, {Fragment} from 'react';
import './headerStyle.css';
class Header extends React.Component {
constructor(props) {
super(props);
this.state = {
list: []
};
this.inputText = this.inputText.bind(this);
}
inputText(e) {
if (e.keyCode === 13) {
console.log(e.keyCode);
console.log(e.target.value);
this.setState({
list:[...this.state.list, e.target.value]
});
console.log(this.state.list);
}
}
render() {
return (
<Fragment>
<div className="header">
<div className="header-wrap">
<div className="header-left">ToDoList</div>
<input onKeyUp={this.inputText} className="header-right" placeholder="请输入内容..."></input>
</div>
</div>
</Fragment>
);
}
}
export default Header
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星