isAuth 未定义

Question

我在第 14 行定义了 isAuth 但出现错误“src\App.js 第 25:13 行：'isAuth' 未定义 no-undef" idk，可能是我定义错了，求助，谢谢

import React, { Component } from 'react';
import './css/main.css';
import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom';
import Home from './pages/Home';
import CreatePost from './pages/CreatePost';
import Login from './pages/Login';


class App extends Component {

  constructor(props) {
    super(props);
    this.state = {
      isAuth: false,
      setIsAuth: false
    };
  }

  render() {
    return (
      <Router>
        <nav>
          <Link to="/">Home</Link>
          <Link to="/createpost"> Create New Post</Link>
          {!isAuth && <Link to="/login">Login</Link>}
        </nav>
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/login" element={<Login setIsAuth={this.state.setIsAuth} />} />
          <Route path="/createpost" element={<CreatePost />} />
        </Routes>
      </Router>
    );
  }
}

export default App;

Answer 1

要访问一个属性的状态，你需要添加this.state.

像这样：

{!this.state.isAuth

或者这个：

render() {
    const { isAuth } = this.state;
    return (

isAuth 未定义

isAuth is not defined

javascript

authentication

reactjs