ruby-on-rails - 使用 Rails 获取当前用户的个人资料并使用react

Question

我终于迈出了一大步，开始学习 React with Rails。目前处于基础知识，需要一些帮助来展示当前登录的用户个人资料链接。我了解这样做的过程只是需要执行方面的帮助。

之前，使用 erb 指向当前用户个人资料的链接是这样的

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

我现在正在像这样渲染我的“导航栏”组件

<%= 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>
    )
  }
});

如何在组件状态中设置当前用户 ID。

Answer 1

使用props传入数据:

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

假设您的个人资料路径类似于:

localhost:3000/profile/:id

那么你的 react 是:

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