Я построил условную навигационную панель для приложения реакции. После входа в систему он должен сразу показать навигационную ссылку чата и навигационную ссылку выхода из системы, если есть токен JWT. Тем не менее, он показывает их только при обновлении. Почему это так и как я могу решить эту проблему?
Я использую объект JWT в качестве авторизации.
Navbar.js
import React, {Component} from 'react';
import {Navbar, Nav} from 'react-bootstrap';
import {Link} from 'react-router-dom';
import Logo from '../../logo/blacklogo.png';
import Logout from '../logoutNavLink/logout';
import getJwt from '../../utils/getJwt';
import '../navbar/style.css'
const jwt = getJwt();
class Navigation extends Component {
state = {
isAuthenticated: jwt
}
render() {
return (
<Navbar bg="light" expand="sm">
<Navbar.Brand href="/">
<img
src={Logo}
className="d-inline-block align-top"
alt="Soundbudz logo"
/>
</Navbar.Brand>
<Navbar.Toggle aria-controls="basic-navbar-nav" />
<Navbar.Collapse id="basic-navbar-nav">
{this.state.isAuthenticated ? (
<Nav className="ml-auto">
<Link to="/chat">Chat</Link>
<Logout to="/">Logout</Logout>
</Nav>
):(
<Nav className="ml-auto">
<Link to="/registration">Registration</Link>
<Link to="/login">Login</Link>
</Nav>
)}
</Navbar.Collapse>
</Navbar>
)}
}
export default Navigation;