我在第 14 行定義了 isAuth 但我收到錯誤“src\App.js Line 25:13: 'isAuth' is not defined 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;
uj5u.com熱心網友回復:
要訪問狀態的屬性,您需要添加this.state.
像這樣 :
{!this.state.isAuth
或這個 :
render() {
const { isAuth } = this.state;
return (
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/421390.html
標籤:
上一篇:Cookie令牌認證
