Reails on Rails - ログインリンクをログアウトリンクに変更するには？

Question

私は反応のあるレールアプリを作成しようとしています。私はユーザー管理のためにdevise gemを使用しました。私はログインすることができますが、私はログイン後、私はログインリンクをログアウトリンクに変更したいと思います。

を。これは、ルート・ページのhtml.erbファイルです：私の後

const HeaderApp = (props, _railsContext) => { 
    const reactComponent = (
     <nav id="mainNav" className="navbar navbar-default navbar-custom navbar-fixed-top faq-container"> 
      <div className="container"> 
       <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
        <div> 
         <ul className="nav navbar-nav navbar-right"> 
          <li> 
           <Link href={this.props.path} to="">Login</Link> 
          </li> 
         </ul> 
        </div> 
       </div> 
      </div> 
     </nav> 
    ); 
    return reactComponent; 
}; 

：これは、ヘッダーのリンクが含まれているファイルである

<%= react_component('HomeApp', props: {data: @contact_form_props}) %> 

後 は私がしようとしているものですログインリンクをログアウトに変換するためにログインしてください。誰でも私を助けることができます。前もって感謝します。

Answer 1

私たちがERBやHAMLのようにユーザーのステータスのために小道具を使用するようにするには。
私はこれがあなたを助けてくれることを願っています。

= react_component応答を

{ 
    this.props.userSignedIn ? 
    <Link href={this.props.logoutPath} to="">Logout</Link> 
    : 
    <Link href={this.props.loginPath} to="">Login</Link> 
}