javascript - 如何在 FlatList 上没有该元素的情况下从数组中删除元素并更新状态？

Question

我正在尝试从 FlatList 中删除数据，它从 JSON 文件 data.json 中呈现销售额问题是，当我删除具有特定 ID 的销售并返回主页时，它会再次显示所有项目。那么我怎样才能从源中删除这些项目，并且这些项目将在应用程序的整个生命周期中被删除，直到用户关闭并再次重新打开？任何帮助将不胜感激。

import data from './data.json';

{
    "sales": [
        {
            "id": 1,
            "amount": 100
        },
        {
            "id": 2,
            "amount": 200
        },
   ]
}

state = {
    data: data.sales
  }

  onPressRemove(id) {
    this.setState(
    prevState => {
      let data = prevState.data.slice();
      let newId = 0;
      for (var i=0; i < data.length; i++){
        if (data[i].id === id){
          newId = i;
        }
      }
      data.splice(newId, 1)
      return { data };
  });
}

Answer 1

这里的问题是，当您转到应用程序的另一部分时，该组件将UNMOUNT，当您返回该组件时，他将挂载并使用导入(数据。 JSON)。对于这种问题，很多人选择用redux。

另一种方法是将状态保留在父级上并将其作为该组件的 prop 提供，因此即使它将卸载并再次安装，它仍将保持 prop 不变(因为父级永不卸载)。

如果您在实现过程中有更多问题，如果您坚持实现我的答案，请随时评论/分享您的代码。