todolistUi容器封装后删除功能还是有问题
来源:6-1 UI组件和容器组件
慕粉3633604
2020-06-08
在视频教程里,您是从上往下删除的,这是没问题,我这里也是没问题的,也不报错,但是随意指定一个删除就会出现问题,删除总是从上到下删除,不会删除指定的,也不会报错,所以我就打印了index,发现index是一个对象,我正在找办法,希望老师尽快指出怎么解决
2回答
-
慕粉1852072611
2020-07-26
我的也是个对象 打印index的时候是个对象 删除异常 看了半天不知道咋整
import React, { Component } from 'react'
import { Button, Input, List } from 'antd'
class TodiListUi extends Component {
render(){
return (
<div>
<div style={{margin:'10px'}}>
<Input placeholder="todo list" style={{width: '80%'}} value = {this.props.inputValue} onChange={this.props.handleChange}/>
<Button type="primary" onClick={this.props.handleSubmit}>提交</Button>
</div>
<div style={{margin: '10px'}}>
<List
bordered
dataSource={this.props.list}
renderItem={(item, index) => (<List.Item onClick={(index) => this.props.handleDelete(index)}>{item}</List.Item>)}
/>
</div>
</div>
)
}
}
export default TodiListUi
022020-08-03 -
Dell
2020-06-13
代码贴一下,我看一下
00
相似问题