请问一下 为什么deteleItem的函数无法实现

来源:7-6 整合两个页面的逻辑和交互— 首页和创建页

westdawn_

2019-02-26

老师你好 代码我已经贴在下面了
在App里的deleteItem函数里 我可以获得到[要删除]item的id 但是delete无法实现 可以帮我看一下问题出在哪里吗?
App.js:
deleteItem: (item) => {
delete this.state.items[item.id]
console.log(item);
this.setState({
items : this.state.items
})
}
Home.js
deleteItem = (deleteItem) => {
this.props.actions.deleteItem(deleteItem);
}

PriceList.js
<a className = "col-1"
onClick={(event) => {event.preventDefault(); onDeleteItem(item)}}>

写回答

2回答

FishKylin

2020-05-13

这是因为你的 Home 组件并没有使用 App.Context 传下来的值. 所以 App.Context 里的值改变并没有触发重新渲染

0
0

张轩

2019-02-26

同学 你好 从你的代码来看 没什么问题 这里就需要来一些特殊的调试技巧 在  App.js 和 Home.js 的render 中 console 或者断点 来看 items 的值,确认一下 this.setState 以后 items 的值到底变成了什么,为什么新的state 当中的 items 没有按照你预想的值变化。

0
1
westdawn_
删除了 是页面没有更新 我再研究研究 谢谢老师
2019-02-27
共1条回复

React16组件化+测试+全流程 实战在线账本项目

轻松上手,从设计图到上线,精通组件化思维和组件测试

713 学习 · 177 问题

查看课程