Как решить эту проблему с if/else?

Question

[KGZVER]

При входе на страницу хочу делать fetch запрос при условии если переменная constToken имеет значение. Но почему то запрос работает даже когда constToken == false.

React.useEffect(() => {
        const getToken = localStorage.getItem('token')
        if(getToken !== '') {
            changeValue('token', getToken)
            fetch('http://localhost:1717/profile', {
                method: 'GET',
                headers: { 'X-Auth': `${getToken}` },
            }) 
            .then(function (response) {
                return response.json()
            })
            .then(function ({data}) {
                setId(data.id)
                changeValue('profile', data)
            })
        }
        
    }, [changeValue, changeProfile, login])

Comments

[Alex]

false !== '' // true

Answer 1

[Aetae]

В localStorage хранятся только строки. Если вы делаете так localStorage.setItem('token', false), то при localStorage.getItem('token') вы получаете не '', а результат приведения false к строке, т.е. 'false'.
Впрочем false !== '' - тоже истина, потому что !== сравнение без приведения типов.

Answer 2

[Alex]

Насколько я понял ваш код, вам нужно просто

if (getToken) {
 // ...

Comments

[KGZVER]

спасибо, хотя я так и не понял в чем была ошибка, условие же практически идентичное

[Alex]

KGZVER, Не уверен, что именно у вас хранится в getToken
Но, разница в условиях большая.
Вы проверяете, что переменная не пустая строка. Всякие false, null, undefined — соответствуют условию "не пустая строка".
В моём варианте значение переменной приводится к boolean типу.

[Lynatik001]

KGZVER, ну не идентичные. в своем примере ты проверяешь. равняется ли пустой строкой. а переменная что не получила свое значение принимает значение "undefined"

console.log(typeof(''));
       console.log(typeof(blabla));