Почему LocalStorage.getItem возвращет json объект, до записи данных в него?

Question

[Vann Damm]

Есть эффект который срабатывает при загрузке страницы, уже имеет какую-то информацию, что не даёт мне задать условия. Почему так происходит?
useEffect(()=>{
const localStorageData = localStorage.getItem(LocalStorageName);
console.log('without auth',localStorageData)
console.log('without auth',typeof(localStorageData));
},[])

Comments

[Kovalsky]

А что вообще хранится в LocalStorage на момент загрузки?

[Роман Александрович]

https://www.youtube.com/watch?v=d1vRLfuF-wM
уважаемый опишите проблему более внятнее. Не понятно что вас возмущает. Я вижу код который выполняется и вижу что есть результат. Используя свои сверхъестественные способности я вангую то вы пытаетесь засунуть json в LocalStorage. Только вот LocalStorage хранит только строки по этому надо localStorage.setItem("ключ", JSON.stringify({key:15})) и что бы его достать

const localStorageData = localStorage.getItem(LocalStorageName);
console.log('without auth',JSON.parse(localStorageData))

[Vann Damm]

Kovalsky, я не могу его достать с помощью json.parse , выдаёт ошибку

[Михаил]

Vann Damm, записываете не правильно

[Kovalsky]

Vann Damm, а при чем тут json.parse? Просто получите нужный объект и выведите его в консоль без json.parse

[Vann Damm]

Роман Александрович, Я так и делал , но до записи в localStorage каких-то данных, мне нужно в useEffect'e проверить , есть ли какие-то данные в localStorage, a именно jwtToken. И да они есть, но откуда они там взялись, до записи токена p.s запись происходит после условия в useEffect'e

[Vann Damm]

Kovalsky, Ничего не хранится , пусто , если до этого не был записан токе.
Такая запись работает, оно и понятно.

useEffect(()=>{
        localStorage.setItem(LocalStorageName,JSON.stringify({rz:'dva'}));
        console.log(JSON.parse(localStorage.getItem(LocalStorageName)));
      
    },[])

Как мне еще можно получить нужный объект из строки?

Answer 1

[Денис Инешин]

Так не бывает. Если локал сторадж действительно пуст, то подобный запрос вернет null.
localStorage.getItem('test'); // null

В вашем случае скорее всего запись под этим именем уже есть.
Это можно легко проверить:

localStorage.setItem('foo', 'bar')
localStorage.length // 1
localStorage.foo // bar
localStorage.getItem('foo') // bar

Потом вы всегда можете открыть консоль разработчика и посмотреть его содержимое.

Comments

[Vann Damm]

Спасибо, разобрался, до этого тестил, и видимо что-то записал, а стереть забыл