如何保存到本地存储

时间:2021-03-09 14:57:01

标签: reactjs react-hooks

我正在遍历对象数组,我希望用户能够选择所选对象属性并将其保存到本地存储。我如何实现这一点

const userData= [{ 
    name: 'Daniel',
    phone: "1234567",
    sex: "male"
}, {
    name: 'Jane',
    phone: "1234367",
    sex: "female"
}];
    
return (
    <>
        <h3>Select an Account</h3> 
        <ul className="accountList">
            {userData && userData.map((item, id) => (
                <li key={id} >
                    <h3>{name}</h3>
                    <h3>{phone}</h3>   
                    <h3>{sex}</h3>
                </li>
            ))}
        </ul>
    </>
);

1 个答案:

答案 0 :(得分:0)

不确定您是如何实现选择机制的,但是一旦您有了要保存的对象,您就可以像这样将其持久化到 localStorage

localStorage.setItem("User Account",JSON.stringify(<userAccountObject>));

然后这样读:

localStorage.getItem("User Account");