Rails 5中如何将子记录存入Ruby哈希并传给React组件

你遇到的核心问题是ActiveRecord默认序列化不会自动包含关联模型数据——哪怕用eager_load预加载了关联记录，也需要显式指定要序列化的关联字段。另外还有个潜在的命名规范问题需要先确认：

1. 先对齐Rails关联命名规范 #

Rails模型关联默认使用蛇形小写命名（比如room_beds），而非大驼峰的Room_Beds。请检查Building模型里的关联定义是否符合规范：

# app/models/building.rb
class Building < ApplicationRecord
  has_many :room_beds # 遵循Rails约定用蛇形小写
  # 其他业务代码...
end

如果你的关联名称确实是Room_Beds（比如数据表命名特殊），后续序列化时要保持名称一致，但更建议调整为蛇形小写以符合框架约定。

2. 显式指定序列化时包含关联数据 #

预加载只是把关联数据读到内存里，序列化JSON时必须明确告诉Rails要输出这些关联内容，有两种常用方式：

方式一：在render时直接指定include选项 #

修改respond_to块，给render json添加关联包含规则：

respond_to do |format|
  format.html
  format.json do
    # 根据你的关联名称调整，比如是Room_Beds就改成:Room_Beds
    render json: @event_show_props, include: { buildings: { include: :room_beds } }
  end
end

方式二：提前处理每个Building的序列化数据 #

构建@event_show_props时，直接把床位数据合并到每个建筑的哈希中：

@event_show_props = {
  buildings: @event.Buildings
                   .eager_load(:room_beds) # 确保关联名称正确
                   .index_by(&:id)
                   .transform_values { |building| building.attributes.merge(room_beds: building.room_beds.as_json) }
}

respond_to do |format|
  format.html
  format.json { render json: @event_show_props }
end

3. 验证预加载是否生效 #

可以在Rails控制台里快速验证预加载是否成功拉取了床位数据：

# 控制台执行
building = @event.Buildings.eager_load(:room_beds).first
puts building.room_beds.inspect # 查看是否有床位数据输出

如果这里能正常输出床位记录，说明预加载没问题，问题完全出在序列化步骤未包含关联。

内容的提问来源于stack exchange，提问作者Brian Tatum