使用rails獲取當前用戶的配置文件並做出反應

Question

我終於實現了飛躍並學習了Ract的React。 目前在基礎知識和需要一些幫助展示當前登錄用戶配置文件鏈接。 我理解這樣做的過程只需要執行幫助。

以前，使用erb鏈接到currentUser的配置文件是這樣的

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

我現在正在渲染我的'Navbar'組件

<%= react_component 'Navbar' %>

這是實際的組成部分：

var Navbar = React.createClass({
  getInitialState() {
      return {
      };
  },
  getDefaultProps() {
      return {
          siteTitle: "React Test"  
      };
  },
  render: function() {
    return(
      <div className="navi">
        <div className="logo">
          <h1>{this.props.siteTitle}</h1>
        </div>
        <ul className="nav">
          <li className="item">
            <a href="#" className="hvr-float-shadow">Profile</a>
          </li>
        </ul>
      </div>
    )
  }
});

如何在組件狀態中設置當前用戶標識。

Answer 1

使用props傳入數據：

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

假設您的個人資料路徑類似於：

localhost:3000/profile/:id

然后你的反應是：

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>
    );
  }
},