ui组件拆分中的传递的index函数是错误的下标

Question

老师,你那个ui组件的拆分中的删除那个函数有问题呀,传的函数里面的index,打印的不是下标呀,从前按顺序删除没问题,只要不按顺序删就删除的是错误的

Answer 1

qq_慕沐6419228 2019-11-17 12:59:55

 renderItem={(item,index) => (

                        <List.Item onClick={(index)=>{this.props.handleDeleteItem(index)}}>

                            <Typography.Text mark></Typography.Text> {item}

                        </List.Item>

                    )}

上面的renderItem里面的index和下面的index不是一样的引用不了，说是定义了未引用

• Dell #1

  <List.Item onClick={(index)=>{this.props.handleDeleteItem(index)}}> 改成 <List.Item onClick={()=>{this.props.handleDeleteItem(index)}}>

• weixin_慕婉清9099710 回复 Dell #2

  老师我想问一下，（）和（index）传递的值有什么不同？（）的话，里面传递的是什么呢？

• 疯狂上岸 回复 Dell #3

  老师您好，我今天也遇到了同样的问题。琢磨了很久，然后是把<List.Item onClick={(index)=>{(index) => {this.props.handleDeleteItem(index)}}> 改成了 <List.Item onClick={(index)=>{() => {this.props.handleDeleteItem(index)}}>，改完后发现todolist删除功能正常了，这是什么原理呢~

点开查看后面1条评论

Answer 2

Dell 2019-10-13 01:30:33

代码贴一下，我写的有问题，我告诉你怎么改

• qq_慕沐6419228 #1

  renderItem={(item,index) => (
  
                          <List.Item onClick={(index)=>{this.props.handleDeleteItem(index)}}>
  
                              <Typography.Text mark></Typography.Text> {item}
  
                          </List.Item>
  
                      )}
  
  
  
  上面的renderItem里面的index和下面的index不是一样的引用不了，说是定义了未引用