时间戳

首页 > 解决方案 > 'useState' 没有在 REACT 中定义为 no-undef

reactjs - 'useState' 没有在 REACT 中定义为 no-undef

问题描述

我对 React 完全陌生。所以这是一个投资组合网站。当我尝试运行 useState 时，App.jsx 中出现错误，称为

src\App.jsx 第 10:35 行：“useState”未定义 no-undef

搜索关键字以了解有关每个错误的更多信息。

应用程序.jsx

import Topbar from "./components/topbar/Topbar";
import Home from "./components/home/Home";
import AboutMe from "./components/about me/AboutMe";
import Resume from "./components/resume/Resume";
import Contact from "./components/contact me/Contact";
import "./app.scss";

function App() {
  const [menuOpen, setMenuOpen] = useState(false)
  return (
    <div className="app">
      <Topbar menuOpen={menuOpen} setMenuOpen={setMenuOpen}/>
      <div className="sections">
        <Home />
        <AboutMe />
        <Resume />
        <Contact />

      </div>
    </div>
  );
}

export default App;

顶栏.jsx

import "./topbar.scss"

export default function Topbar({setMenuOpen,menuOpen}) {
    return (
        <div className={"topbar " + (menuOpen && "active")}>
            <div className="wrapper">
                <div className="left">
                    <a href="#home" className="logo">Prineth.me</a>
                    <div className="itemContainer">
                    </div>
                </div>
                
                <div className="right">
                    <div className="nav">
                        <a href="#home" className="navTitles">Home</a>
                        <a href="#about" className="navTitles">About Me</a>
                        <a href="#resume" className="navTitles">Resume</a>
                        <a href="#contact" className="navTitles">Contact</a>
                    </div>

                    <div className="hamburger">
                        <span className="line1"></span>
                        <span className="line2"></span>
                        <span className="line3"></span>
                    </div>
                   
                </div>
            </div>
            
        </div>
    )
}

标签： reactjsuse-state

解决方案

您的错误是由这一行产生的：

const [menuOpen, setMenuOpen] = useState(false)

useState您可以通过以下方式在 App.jsx 中导入钩子来解决它：

import { useState } from 'react';

推荐阅读