已导入useEffect仍提示‘useEffect is not defined’问题求助

算力阿峰

2026-6-25

问题排查与解决

你的代码存在语法错误，导致JS引擎解析异常，进而抛出useEffect is not defined的错误，具体问题如下：

组件函数Bjd的闭合大括号缺失，导致export default Bjd被包含在了函数内部，破坏了代码的语法结构。JS引擎无法正确识别组件函数的范围，连带影响了useEffect的正常识别。

修复后的代码如下：

import React, { useState, useEffect } from 'react'
import "./MainPage.css"
import { Link } from "react-router-dom";
import { useSelector } from 'react-redux'

const Bjd = () => {
    const [title, setTitle] = useState('')
    const [desc, setDesc] = useState('')
    const [image, setImage] = useState(undefined)
    const [data, setData] = useState({})

    const role = useSelector((state) => state.auth.role)

    useEffect(() => {
        fetch("http://localhost:3000/request")
            .then(response => response.json())
            .then(data => setData(data))
    }, [])
} // 补上缺失的组件函数闭合大括号

export default Bjd