我正在发出一个简单的 GET 请求，并希望使用 useState() 使该数据更易于访问，但似乎由于 useState 未更新它而访问不存在的属性导致此错误？

尽管我发出过与此非常相似的 GET 请求，但这是我第一次使用 useLocation()。我不确定这是否与问题有关，或者是否与 useState() 有关。

任何回复都非常感谢

const getQuiz = async () => {
        try{
            // These values were passed by the difficulty Component
            const categoryName = location.state?.name
            const difficulty = location.state?.difficulty

            // This makes a get request to get data for the quiz
            let response = await axios.get(`https://the-trivia-api.com/api/questions?categories=${categoryName}&limit=10&difficulty=${difficulty}`)
            let arrayDataResponse = await response.data

            // This sets the data to question array so that it is accessible outside of this function
            setQuestionArray(arrayDataResponse)

            // this outputs an empty array
            console.log(questionArray)

        } catch(err){
            console.log(err)
        }

    }

    // This fetches the data on mount
    useEffect(() => { getQuiz() }, [])

    // This will set the data for the elements once the state of the question array has been set from the get request
    useEffect(() => { 

        // This sets the content for the question element
        setQuestion(questionArray[0].question)
        // <h4>{question}</h4>

        // Uncaught TypeError: Cannot read properties of undefined (reading 'question')
    }, [questionArray])