Ruby on rails 在组件中公开模型数据

学习英语。我创建了两条记录，希望在组件中显示，但不确定如何执行。我有：

toy_conroller.rb

class ToyController

以及一个看起来像：

userList.js.jsx

var usersList=React.createClass({
道具类型：{
名称：React.PropTypes.string，
年龄：React.PropTypes.number，
国家/地区：React.PropTypes.string，
},
render:function（）{
返回(
用户列表：D
名称
年龄
国家
{this.props.name}
{this.props.age}
{this.props.country}
);
}
});

如何获取要在页面上显示的模型数据？我在控制台中看到我的数据的JS对象，但不确定如何让它们显示在表中

---

这个.props.users

是一个对象数组，您需要遍历所有项目并从每个项目中获取数据

var UsersList=React.createClass({
道具类型：{
用户：React.PropTypes.array
},
render:function（）{
var users=this.props.users.map（函数（用户）{
返回
{user.name}
{user.age}
{user.country}
;
}，这个）；
返回
用户列表：D
名称
年龄
国家
{用户}
}
});
变量用户=[
{id:1，姓名：'name'，年龄：'age'，国家：'country'}，
{id:2，姓名：'name-1'，年龄：'age-1'，国家：'country-1'}，
]
ReactDOM.render(
,
document.getElementById（'容器'）
);


class ToyController < ApplicationController
  def index
    @users = User.all
    render component: 'usersList', props: { users: @users }
  end
end

var usersList = React.createClass({
    propTypes: {
    name: React.PropTypes.string,
    age: React.PropTypes.number,
    country: React.PropTypes.string,
  },

    render: function() {
        return (
            <div>
            <h3>User List :D</h3>
            <table style={{border: 1}}>
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Age</th>
                    <th>Country</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>{this.props.name}</td>
                    <td>{this.props.age}</td>
                    <td>{this.props.country}</td>
                </tr>
                </tbody>
            </table> 
            </div>
            );
    }
});