我正在遍历对象数组,我希望用户能够选择所选对象属性并将其保存到本地存储。我如何实现这一点
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>
</>
);
答案 0 :(得分:0)
不确定您是如何实现选择机制的,但是一旦您有了要保存的对象,您就可以像这样将其持久化到 localStorage
:
localStorage.setItem("User Account",JSON.stringify(<userAccountObject>));
然后这样读:
localStorage.getItem("User Account");