Как сохранить переменные в localStorage в ReactJs

Question

Я хотел бы знать, как сохранить значение переменной в localStorage.

Недавно я научился делать это в JavaScript, но как это сделать в ReactJs?

javascript reactjs local-storage

0

Dan 22 Окт 2018 в 16:58

Answer 1

Вы можете использовать что-то подобное для хранения и загрузки ваших переменных в локальное хранилище.

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

1

Rutul Patel 22 Окт 2018 в 14:11

Answer 2

Вы можете использовать localStorage и его методы для сохранения данных в локальном хранилище. См. Раздел window.localStorage

Очень хорошая и информативная статья - https://www.robinwieruch.de/local-storage- реагировать /

// To save the item
localStorage.setItem('email', JSON.stringify(this.state.UserEmail))
  .then(() => console.log('saved email successfully'))
  .catch(err => console.error('something went wrong', err));

// To retrive that item
AsyncStorage.getItem('email')
.then(val => {
  if (val !== null) console.log(val); // You can do whatever you want with the email
})
.catch(err => console.error(err)) // if there was an error fetching data

Обратите внимание, что если в localStorage ничего нет, он вернет null, поэтому для обработки ошибок вам нужно поместить их в оператор if, а не в catch.

0

Umair Ahmed 22 Окт 2018 в 14:17

Как сохранить переменные в localStorage в ReactJs

2 ответа

Похожие вопросы

Новые вопросы

javascript