如何在React JS中在本地存储中编辑数组数据

Question

I have a form. I've already stored the array data in localStorage by using localStorage.setItem('x', x) .

But how to edit or delete such values in localStorage ?

Answer 1

Set Item / Update item

localStorage.setItem('key', value);

Read item

var data = localStorage.getItem('key');

Delete item

localStorage.removeItem('key');

Delete all items

localStorage.clear();

To store JSON object

    var data = {
       name:'john',
       age:20
    }

    localStorage.setItem('data',JSON.stringify(data));

    // To get data back

    var data = JSON.parse(localStorage.getItem('data'));

   // Editing data

   data.name = 'mark';

  // Saving Back

  localStorage.setItem('data',JSON.stringify(data));

Answer 2

For editing just rewrite original property

localStorage.hello   = "Hello World";
localStorage.hello   = "Hello World. Part 2.";
localStorage.getItem("hello") // "Hello World. Part 2.";

For deleting

localStorage.removeItem("hello");