页面布局,因为只返回一个组块,必须包一个div。
在btn上绑定一个click事件,不是原生事件,因此onClick大写
点击的时候想执行一个函数,那这个函数怎么写:
在jsx里面,想写一个函数必须要用花括号{this.handleClick}
this指向这个组件,因此组件里要有这个方法
ES6语法 constructor
定义数据即可,数据变了页面自然也变了
按钮点击新增add
报错原因:btn点击的时候this.handleBtnClick的this指的是todoList这个组件。
当函数handleBtnClick运行的时候,函数里的this指向的是按钮
解决第一步:按钮绑定this
点击的时候绑定到了按钮,我们想要它指向组件,就在按钮上绑定这个this为组件
警告的出现
新增输入框的内容:
新增后清空输入框