1、在本次实验当中基于react的组件化思想,我们把todolist当中生成的每一项listItem都作为一个单独的组件,因此我们需要单独创建一个ListItem.js的组件。
2、在实现点击删除组件的功能时,我们需要从父组件当中调用handleItemDelete(index)这个方法,实现更改list的值,让react给我们自动的增删组件。
3、那么这样的话我们就需要从父组件TodoList里面获得当前点击的这个TodoItem的index值以及输入的内容,并且把父组件的方法名也传递过去。
4、然后在子组件当中获取传过去的属性。
这里有两个bind(this)在子组件里的bind是保证handleClick函数的this不会指向为空,父组件里的bind(this)是让this指代父组件。