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

Question

这是从 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));
}

Answer 1

要从本地存储中删除项目，只需运行：

localStorage.removeItem("name of the item")

Answer 2

@Prometheus是对的。

既然你已经要求ReactJS了，我希望以下小提琴帮助你： https://jsfiddle.net/ghoshnirmalya/eqb9vych/5/

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

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

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

Answer 3

    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");
    }