Я хочу отключить / не хочу показывать "заголовок" на определенной странице моего приложения React - PullRequest
Новая
       10

Я хочу отключить / не хочу показывать "заголовок" на определенной странице моего приложения React

0 голосов
/ 11 июля 2019

Я пытаюсь скрыть / отключить «заголовок» на определенной странице моего приложения реакции, приведенный ниже - код для моих компонентов:

Я хочу скрыть заголовок по пути "/ dct" 

export default function (WrappedComponent,theme) {
  class Authentication extends PureComponent {
    constructor(props) {
      super(props);
      this.state = { };
    }


    componentDidUpdate() {
      this.checkAuth();
    }

    checkAuth() {
      const { isLoggedIn, history: { push} } = this.props;
      if (!isLoggedIn) {
        push('/')
      }
    }

    render() {
      return (
        <Fragment>
     <article data-theme={theme}>
          {this.checkAuth()}
          <Header />
          <main>
            {this.props.isLoggedIn && <WrappedComponent />}
          </main>
          <Footer />
     </article>
        </Fragment>
      );
    }
  }

 const mapStateToProps = (state) => {
   return {
     isLoggedIn: state.login.loggedIn
   }
 } 
  return connect(mapStateToProps)(Authentication);
}

Заранее спасибо

1 Ответ

0 голосов
/ 11 июля 2019

Вам необходимо проверить ваше имя пути следующим образом: window.location.pathname !== "/dct"

Например, 

export default function (WrappedComponent,theme) {
  class Authentication extends PureComponent {
    constructor(props) {
      super(props);
      this.state = { };
    }


    componentDidUpdate() {
      this.checkAuth();
    }

    checkAuth() {
      const { isLoggedIn, history: { push} } = this.props;
      if (!isLoggedIn) {
        push('/')
      }
    }

    render() {
      return (
        <Fragment>
     <article data-theme={theme}>
          {this.checkAuth()}
          {window.location.pathname !== "/dct && ( <Header /> )}
          <main>
            {this.props.isLoggedIn && <WrappedComponent />}
          </main>
          <Footer />
     </article>
        </Fragment>
      );
    }
  }

 const mapStateToProps = (state) => {
   return {
     isLoggedIn: state.login.loggedIn
   }
 } 
  return connect(mapStateToProps)(Authentication);
}

Дайте мне знать, если это сработало.

...