Rails + React.js：隐藏视图中的信息

Question

在Rails + React应用程序中，我有一个索引页面，我在其中映射所有数据。这可以工作但是如果你检查元素反应会将rails对象的全部内容转储到根反应元素中。这可能是我不希望用户访问的信息。从用户那里隐藏这些信息的最佳方法是什么？ 谢谢

Microposts控制器

def index
    @microposts = Micropost.all
end

Index.erb

<%= react_component 'Microposts', { microposts: @microposts } %>

Microposts.es6.jsx

class Microposts extends React.Component {
  render () {
    return(
        <div>
            {this.props.microposts.map(function(x){
                return(
                    <p key={x.id}>{x.email}</p>
                )
            })}
        </div>
    )
  }
}

Answer 1

我认为您可以过滤显示的属性：

<%= react_component 'Microposts', { microposts: @microposts.as_json(only: [:id, :email]) } %>