Question

我正在为我的react应用编写自定义钩子。我已经写完了，但是我不知道为什么我的常量preFixedKey的值显示为未定义。请帮助我。

import { useEffect, useState } from 'react'

const PREFIX = 'whatsapp-clone-'

const useLocalStorage = (key, initialValue) => {
 

    const preFixedKey = PREFIX + key
    
    const [value,setValue] = useState(
        () => {
            const localData = localStorage.getItem(preFixedkey)
            if (localData != null) return JSON.parse(localData)
            if ( typeof initialValue === 'function'){
                return initialValue()
            }else{
                return initialValue
            }
        }
    )
    
    useEffect(
        () => {
            localStorage.setItem(preFixedKey,JSON.stringify(value))
        },[preFixedKey,value]
    )    
    
    return [value,setValue]
}

export default useLocalStorage;

Answer 1

TYPO

应为preFixedKey，而不是preFixedkey

 const localData = localStorage.getItem(preFixedKey)

在useState内

反应Javascript值显示未定义

1 个答案: