如何从 Reactjs 中的 json 服务器中删除数据

Posted 2023-03-27

【中文标题】如何从 Reactjs 中的 json 服务器中删除数据

【英文标题】：How can I delete the data from a json server in Reactjs

【发布时间】：2021-08-03 15:43:58

【问题描述】：

JSON 数据链接https://jsoneditoronline.org/#left=cloud.e09cb2f612284a47a28c71a2c813da80 如何从 JSON 数据中删除主题名 我的代码在这里 http://localhost:3003/CourseList 是我的本地 JSON 服务器

 const deleteSub = async id => 
        try
          const data = await axios.get("http://localhost:3003/CourseList")
          //How should I map and delete the subname ???? 
        
        catch(err)
          console.log(err.message)
        
      ;

【问题讨论】：

您是否尝试过使用.forEach 循环json 并使用delete 关键字删除您想要的密钥？

什么 JSON？请您在问题本身中包含所有相关代码，确保它是minimal reproducible example?

【参考方案1】：

你可以使用 .filter 方法来做到这一点

const deleteSub = async id => 
        try
          const data = await axios.get("http://localhost:3003/CourseList")
          const filteredData = data.filter(d => d.id !== id)
          console.log(filteredData)
        
        catch(err)
          console.log(err.message)
        
;

【讨论】：

嗨，似乎 OP 的问题是删除特定键而不是过滤整个对象。