如何更改导航栏标题动态反应?

时间:2020-10-13 16:09:29

标签: reactjs

我想更改导航栏标题以在登录后注销,但是,我的身份验证检查功能在我的登录组件类中,由于该导航栏本身不是组件,因此如何将它们链接起来。

import React from 'react';

import { Link } from 'react-router-dom';

const Header = () => (

  <nav className="navbar navbar-dark bg-dark navbar-expand-lg">
    <Link to="/" className="navbar-brand">Home</Link>
    <div className="collpase navbar-collapse">
      <ul className="navbar-nav mr-auto">
        <li className="navbar-item">
        <Link to="/login" className="nav-link">{}</Link>
        </li>
        <li className="navbar-item">
        <Link to="/Signup" className="nav-link">Sign up</Link>
        </li>
      </ul>
    </div>
  </nav>
);

export default Header;

1 个答案:

答案 0 :(得分:0)

您必须将保存日志数据的状态放在较高的位置,以便可以将数据传递到其下面的所有组件。

redux使它变得更加容易。