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


0
2
Dell
回复
前端_小菜鸡
正解!
2020-08-03
共2条回复

Dell

2020-06-13

代码贴一下,我看一下

0
0

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

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

5275 学习 · 2496 问题

查看课程