关于todolist的疑问

Question

老师，就是在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这个方法，我觉得应该在有输入内容时候点击才做添加，要不然页面上多了许多空的节点

Answer 1

Dell 2018-06-27 22:09:49

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

• 提问者 百兽凯多00 #1

  老师，关于第二个问题，我的意思，启动服务后，不输入内容，不断点击提交，会产生若干空的div节点额

• Dell 回复 提问者 百兽凯多00 #2

  你做个判断就行啦，如果是空，就不添加

• 提问者 百兽凯多00 回复 Dell #3

  好的，谢谢老师⊙∀⊙