用户登录

找到删除按钮上的这个 TouchableHighlight .. 设置一下它的 onPress 属性 .. 它的值可以使用 this.deleteSearchHistoryItem .. 再把 item 作为它的参数 .. 然后再去定义这个方法 .. 名字是 deleteSearchHistoryItem .. 接受一个参数,名字是 item ..

在这个方法里,我们可以根据当前的 searchHistory 的状态,去创建一个 Set .. 再用 Set 的 delete 这个方法去删除掉想要删除的这个搜索历史项目 .. 然后重新再设置一下组件的 searchHistory 这个状态 ..

添加一个变量 .. 名字是 newSearchHistory .. 让它等于一个 new Set .. Set 里的项目就是组件里的当前的 searchHistory 状态 ..

下面再使用 newSearchHistory 这个 Set 的 delete 方法 .. 删除掉传递过来的 item .. 也就是删除按钮所在的那条搜索历史记录 ..

最后再重新设置一下组件的 searchHistory 状态 .. 它的值是一个数组 ... 里面使用 Spread 操作符,把这个 newSearchHistory 展开,再放到这个数组里面 ..

保存 .. 再到模拟器上去试一下 .. 按一下搜索历史列表里的某个项目前面的这个删除按钮 ... 这样会从搜索历史里面删除掉当前这个项目 ..

删除历史搜索项目的按钮 - 实施《 React Native #4 存储 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点