关于todolist的疑问

来源:3-6 TodoList 代码优化

百兽凯多00

2018-06-27

老师,就是在todolist向listitem组件传递deletItem这个方法时

<TodoItem key={index} content={item} index={index} deleteItem={(index) => this.handleItemDelete(index)}/>

<TodoItem key={index} content={item} index={index} deleteItem={this.handleItemDelete.bind(this)}/>

<TodoItem key={index} content={item} index={index} deleteItem={this.handleItemDelete.bind(this, index)}/>

用箭头函数时候,需要显式的传入index,而用bind绑定this的时候,index传入与否都可以正确运行,这是为什么呢

还有就是handleBtnClick这个方法,我觉得应该在有输入内容时候点击才做添加,要不然页面上多了许多空的节点


写回答

1回答

Dell

2018-06-27

第一个问题,我建议你去看一下bind函数的底层实现,或者jquery里面proxy方法的底层实现,不然你是不能完全理解的。 第二个问题,我建议你看下js事件的基础,因为有事件绑定,才能知道你点击,而不是你点击再去绑定事件。

1
3
百兽凯多00
回复
Dell
好的,谢谢老师⊙∀⊙
2018-06-28
共3条回复

React零基础入门到实战,完成企业级项目简书网站开发

主流新技术 React-redux,React-router4,贯穿基础语法

5275 学习 · 2496 问题

查看课程