Question

我终于迈出了一步，学习了Ract的React。目前在基础知识和需要一些帮助展示当前登录用户配置文件链接。我理解这样做的过程只需要帮助执行。

之前，使用erb链接到currentUser的配置文件就像这样

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

我现在正在渲染我的＆＃39; Navbar＆＃39;像这样的组件

<%= 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

使用道具传递数据：

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

使用rails获取当前用户的配置文件并做出反应

1 个答案: