UI组件拆分的bug

来源:6-1 UI组件和容器组件

刚仔

2018-07-04

<List

style={{width:'300px',marginTop:'20px'}}

bordered

dataSource={this.props.list}

renderItem={(item,index)=> (<List.Item onClick={(index)=>{this.props.handleItemClick(index)}}>{item}</List.Item>)}

/>

rederItem的index并不是0,1等数字,如图http://img.mukewang.com/szimg/5b3ca9590001898414740112.jpg
这样导致bug是删除永远删除的是第一个值

写回答

3回答

慕粉2325311140

2018-08-07

遇到同样的问题,虽然同学提供的答案能解决问题,但不是很理解这块出错的原因,可否指教一下呢?@DellLee

0
0

喏垨戸

2018-07-13

6-4中讲到      26:58处

0
0

Dell

2018-07-04

你这是用了antd么?antd里面的回掉参数你可以依次打印出来来看看,他不是简单的map函数

0
5
宝慕林7346569
{ this.props.handleItemDelete(index)} }>{item}} />
2018-07-13
共5条回复

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

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

5275 学习 · 2496 问题

查看课程