如何在带有Rails后端的reactjs中显示嵌套表

时间:2019-04-19 06:58:28

标签: html mysql sql ruby-on-rails reactjs

轨道模型:

User.rb
has_many :todos, foreign_key: "developer_id"

Todo.rb
belongs_to :developer, class_name: "User", optional: true

Schema of todos table
    t.bigint "developer_id"
    t.string "title"
    t.integer "status"

查询:

users_data = User.joins(:todos).where('users.id=todos.developer_id').select('users.id, todos.title, todos.status').to_a

查询响应:

[#<User id: 2, title: "Design home Page", status: 1>, #<User id: 4, title: "Display developers", status: 2>, #<User id: 4, title: "Projects display to admin", status: 2>]

可以根据需要更改响应以在前端显示数据。

我需要在前端显示这样的数据,即reactjs

a busy cat

我尝试创建动态表,但不知道如何比较状态和开发人员。

</table>
<tbody>
  <tr id="row0">
    <td id="cell0-0">status 1</td>
    <td id="cell0-0">developer name</td>
  <tr>
   <table>
    <tr><td>Display todo 1</td></tr>
    <tr><td>Display todo 2</td></tr>
   </table>
  </tr>
  <tr id="row1">
    <td id="cell1-0">status 2</td>
  </tr>
  <tr id="row2">
    <td id="cell2-0">status 3</td>
  </tr>
</tbody>
</table>

帮助我动态创建表,如果将来添加用户,则应该在末尾自动添加

0 个答案:

没有答案