Javascript 迭代SQLOBJECT-WEBSQL

Javascript 迭代SQLOBJECT-WEBSQL,javascript,reactjs,web-sql,Javascript,Reactjs,Web Sql,我想在javascript中迭代一个SQLObject。我在浏览器中的WEBSQL数据库中有一些数据 直到现在我都是这样反应的 var list = data.map(function(film){ return <li key={film.ID}> {film.NAME} </li>; },this); return ( <div> <ul className="table

我想在javascript中迭代一个SQLObject。我在浏览器中的WEBSQL数据库中有一些数据

直到现在我都是这样反应的

var list = data.map(function(film){
    return <li key={film.ID}>
               {film.NAME}
            </li>;
  },this);

return (
  <div>
    <ul className="table-view">
      {list}
    </ul>
  </div>
);
var list=data.map(函数(胶片){
return
  • {film.NAME}
  • ; },这个); 返回(
      {list}
    );
    但是,我不能对这种类型的对象执行此操作

    我如何在不将HTML放入字符串的情况下完成它


    我希望避免使用for进行迭代,然后将结果添加到字符串对象中

    您必须使用map函数迭代并返回组件数组

    另一种方法是在div标签中使用危险插入的DHTML或危险插入的THTML。你可以检查这是如何做到的。您可以使用for循环在对象数组上进行迭代,并将HTML作为附加到前一个对象的字符串生成。点击

    谢谢,
    Ankit.

    您希望避免将什么HTML放入字符串中?您提供的代码中没有任何明显的字符串操作。如果这是典型的ReactJS代码,
    data
    函数也不应该返回字符串。我想返回li元素您可能返回React的元素,它们是
    li
    元素。如果它以数组的形式返回,它可以通过您使用的
    {list}
    语法使用。我的问题中的一些代码是错误的,我将编辑它。使用map函数会给我一个错误,说Uncaught TypeError:data.map不是函数