Javascript 如何迭代Java hibernate DAO返回的列表，该DAO在UI中使用React JS访问为this.state.data？

这是返回列表的java代码

@Override
public List get_News(String lang) {
    Session session = this.sessionFactory.getCurrentSession();
    Query query =  session.createQuery("select n.text from tableName n where n.lang=:lang");
    query.setParameter("lang", lang);

    List result = query.list();

    if(result != null){
        if(result.iterator().hasNext()){
            return result;   //this is the result that is being returned
        }
    }
    return null;
}

下面是React JS代码

var Comment = React.createClass({
      displayName: "Comment",
      loadCommentsFromServer: function loadCommentsFromServer() {
            $.ajax({
              url: "/abc/ages",
              dataType: 'json',
              cache: true,
              success: function(data) {
                this.setState({data: data});
              }.bind(this),
              error: function(xhr, status, err) {
                }.bind(this)
            });
          },
      getInitialState: function(){
        return {data: []};
      },
      componentDidMount: function componentDidMount() {
          this.loadCommentsFromServer();

      },
      render: function render() {
        return React.createElement("div",{ className: "comment" },
          React.createElement("div", { },  this.state.data)   //I want to iterate over this data
        );
      }
    }); 

    function RenderComment(){
  ReactDOM.render(React.createElement("div", {}, React.createElement(Comment,{})),
                document.getElementById('content')
        );      
    } 

到目前为止，我从数据库中获取所有文本，但所有行都显示为单个数据块。我想迭代数据并显示为 文本1

文本2

文本3

而不是

文本1 文本2 文本3

---

请帮助我。

如果数据是数组，您可以执行类似操作（不确定您使用的是react还是react native）：

反应：

render() {

  var data = this.state.data.map((d) => {
    return <p>{d}</p>
  })

  return <div>
           {data}
         </div>

}

render（）{
var data=this.state.data.map（（d）=>{
返回{d}

})
返回
{data}
}

反应本机：

render() {

  var data = this.state.data.map((d) => {
    return <Text>{d}</Text>
  })

  return <View>
           {data}
         </View>

}

render（）{
var data=this.state.data.map（（d）=>{
返回{d}
})
返回
{data}
}

谢谢您的回答。数据是一个列表。