在 React 迭代中显示最后一个孩子

Question

我正在尝试实现一个消息应用程序，目前没有 ActionCable。当我映射所有消息时，我只想显示来自该用户的最后一条消息：而不是显示来自用户的所有消息，我只显示最后一条消息。我不知道如何实现。我想我可以将key 设置为user_id 而不是id。

_messagesRender: function(){
  var messages = this.props.message.map( function(m, i){
    return(
      <li key={m.user_id}>{m.body}</li>
    )
  });
  return(
    <div>{messages.length === 0 ? "No messages" : messages}</div>
  )
},

这个组件在索引页面上，我正在尝试创建一个类似消息的应用程序。任何关于 React 的指针？ Rails 5 用作后端。

警告：flattenChildren(...)：遇到两个孩子使用相同的密钥，.$2。子键必须是唯一的；当两个孩子共享一个密钥时，只会使用第一个孩子。

后端：

@messages = Message.where(to: current_user.id)

消息模型：:id, :to, :user_id, :body

user_id 是发送/创建消息的人。

Answer 1

您可以尝试以下方法：

Message.where(to: current_user.id)
       .order(:created_at)
       .group_by(&:user_id)
       .map{|_, x| x.last}

这应该给出来自每个user_id 的最后一条消息（created_at）。

只要你用的是Postgresql，可以试试distinct on的方法：

Message.where(to: current_user.id)
       .order(user_id: :asc, created_at: :desc)
       .select('distinct on (user_id) *')