2016-03-31 4 views
2

最後に、React with Railsを学びました。現在、基本的には、現在ログインしているユーザーのプロファイルリンクを表示するためのヘルプが必要です。私はこれを行うプロセスが実行の助けを必要とすることを理解しています。現在のユーザーのプロフィールをレールで取得して反応させる

前に、ERBであるCurrentUserのプロフィールへのリンクは、私が今そう

<%= react_component 'Navbar' %> 

ように私の「ナビゲーションバー」コンポーネントをレンダリングすることだし、これは実際のコンポーネントであるこの

<li><%= link_to 'Profile', current_user %></li> 

のようでした。

コンポーネントの状態で現在のユーザーIDを設定するにはどうすればよいですか。データを渡すために

+0

小道具を取るreact_component:

localhost:3000/profile/:id 

その後、あなたは次のようになり反応します。リアクションレールのドキュメントを参照し、ドキュメント自体に反応してください。 –

答えて

1

使用の小道具:あなたのプロファイルのパスを想定し

<%= react_component('Navbar', current_user: current_user) %> 

のようなものです:

var Navbar = React.createClass({ 
    getInitialState() { 
    return { 
     currentUser: this.props.current_user 
    }; 
    render: function() { 
    return (
     <ul> 
     <li> 
      <a href={"localhost:3000/profile/"+ this.state.currentUser.id}>Profile</a> 
     <li> 
     <ul> 
    ); 
    } 
}, 
関連する問題