Как извлечь значения localalstorage в реагировать

Question

Я использую форму в ReactionJS.Я сохранил пользовательские данные в localstorage, теперь я хочу загрузить файл и сохранить ключ файла с идентификатором пользователя, который уже хранится в localstorage.С localstorage.getItem('user') я могу показывать пользовательские значения, но не использовал их в ключе, когда я отображаю пользовательские значения в консоли, я получаю сообщение с неопределенным значением.Не могли бы вы помочь мне, как я могу установить ключ с помощью идентификатора пользователя.

Код

    handleUpload = e => {
    const reader = new FileReader();
    const storeUser = JSON.parse(localStorage.getItem('user'));
    reader.onload = function(upload) {
      fetch(`http://...../s3/uploadtoaws`, {
        headers: {
          Accept: 'application/json',
          'Content-Type': 'application/json',
        },
        method: 'POST',
        body: JSON.stringify({
          userId: storeUser._id,
          type: 'employee',
          content: upload.target.result,
          key: this.userId,
          oldKey: '',
        }),
      })
        .then(response => response.json())
        .then(res => {
          console.warn(res);
        })
        .done();
    };

    reader.readAsDataURL(e.file.originFileObj);
  };

Answer 1

let user = JSON.parse(localStorage.getItem('user'));

const { id: userId } = user;

Теперь вы можете использовать userId в вышеуказанном запросе, которым вы поделились.

Answer 2

Используйте объект окна для хранения ваших данных, если они являются побудительными

Как,

// Сохранить как это .. window.user = {"_id": 1, "userName":" Bhavin00 "};

// Использовать как это .. console.log (window.user);

или вы можете использовать пакет npm, например: - actjs-localstorage