从 reactjs 的本地存储中删除项目

IT技术 javascript reactjs local-storage
2021-04-29 00:03:36

这是从localStorage 中删除项目的正确代码

onDelete(name) {
        console.log("ProductList.onDelete: ", name);
        let {products} = this.state;
        products = products.filter(product => product.name !== name);
        this.setState({products});
        localStorage.setItem('products', JSON.stringify(products));
}
3个回答

要从本地存储中删除项目,您只需运行:

localStorage.removeItem("name of the item")
    let items =JSON.parse(localStorage.getItem("item"));
    items = items.filter((item) => item.id !== id);
    localStorage.setItem("item", JSON.stringify(items));
    if (items.length === 0) {
      localStorage.removeItem("item");
    }

@Prometheus 是正确的。

既然,你已经要求 ReactJS,我希望下面的小提琴能帮助你:https ://jsfiddle.net/ghoshnirmalya/eqb9vych/5/

addItem = () => localStorage.setItem("name", this.state.name)

removeItem = () => localStorage.removeItem("name")

我在 ReactJS 中添加了一个完整的例子。