如何解决如何在React Native中动态添加/删除视图?
我正在使用数组来实现这一点。要添加的是,我要在数组中推送视图并更新数组状态。但是我不确定如何删除它,array.pop()无法正常工作。即使这样做,也只会删除数组的最后一个元素。我想使用诸如splice()之类的东西来传递索引,以删除其“删除”按钮被调用的视图。但是不确定如何实现这一点。有什么建议?我正在为我的添加和删除方法添加代码。我想删除按下删除按钮的视图。请帮忙!
预先感谢
解决方法
您不需要自己操纵视图,您需要以一种可以对其进行迭代并呈现您期望的适当组件的形状来管理数据结构。
用于处理从数组中查找项并将其删除的操作,我建议您为每个数组项都具有一个ID,因此这意味着您需要将它们转换为对象数组,并且每个对象都应具有一个id
的键,如下所示:
const myData = [
{ id: 1,val: 'some value' },{ id: 2,val: 'some other value' },// more ...
]
通过执行此操作,您的ID成为了按ID查找项目,按ID过滤项目并执行所需结果的关键,并通过将结果对象数组设置为状态return
的组件将使用状态,并且由于对您进行任何操作后状态总是会更新,因此您将看到结果正在自动更新!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。