Javascript 如何在ReactJs中将变量保存到localStorage

我想知道如何将变量的值保存到

localStorage

---

我最近学习了如何在JavaScript中执行此操作，但如何在ReactJs中执行此操作？

您可以使用

localStorage

及其方法将数据保存到本地存储。请参阅：

这是一篇非常好、内容丰富的文章

---

请注意，如果localStorage中没有任何内容，它将返回“null”，因此为了处理错误，您需要将它们放在if语句中，而不是catch中，您可以使用类似的方法来存储变量并将其加载到本地存储

export const loadState = (state) => {

    try {
        const serializedState = localStorage.getItem(state);
        if(serializedState === null){
            return undefined;
        }
        return JSON.parse(serializedState);
    } catch (err) {
        return undefined;
    }
};

export const saveState = (state) => {
    try{
        const serializedState = JSON.stringify(state);
        localStorage.setItem('state', serializedState);
    } catch (err){
        return undefined;
    }
}

---

同样的方式同样的方式？*@nurbolpysbayev那么，你是说语法完全相同？另外，我应该为此使用函数吗？您推荐什么？语法完全相同，因为React是一个库，而不是另一种语言。那是JavaScript。你已经学会了如何使用JavaScript，所以你已经学会了如何使用React JS。我想这是因为他已经知道如何使用JavaScript，他不是在问如何使用JavaScript而是在React中。老实说，这个问题毫无意义，因为他似乎不明白React的用途Javascript@UmairAhmed这很有帮助，但我不知道是谁投了反对票。不过我会读这篇文章的！当然试试看。别担心会弄坏它。这是学习保存每个变量状态的最好方法吗？还是应该一个一个地应用到每个变量上？@Dan为什么不试试看呢see@Dan不管你把什么作为参数传递。若你们通过了完全状态，那个么答案是肯定的。它会将所有变量保存在localStorage中。

export const loadState = (state) => {

    try {
        const serializedState = localStorage.getItem(state);
        if(serializedState === null){
            return undefined;
        }
        return JSON.parse(serializedState);
    } catch (err) {
        return undefined;
    }
};

export const saveState = (state) => {
    try{
        const serializedState = JSON.stringify(state);
        localStorage.setItem('state', serializedState);
    } catch (err){
        return undefined;
    }
}