当前位置:  开发笔记 > 编程语言 > 正文

在React Native中循环Json和显示

如何解决《在ReactNative中循环Json和显示》经验,为你挑选了1个好方法。

如何循环从Json检索到的结果? 在此输入图像描述

render: function() {
     console.log(this.state.list);
     contents = (
      
        Loaded

      
     )
     return (
      
        
        XXX
        
        
            { contents }
        
      
    );
  }

TrungDQ.. 7

React可以渲染一个Elements数组,因此您只需要构造一个数组并将其分配给您的contents变量.我用了一个例子map.

render: function() {
     console.log(this.state.list);
     contents = this.state.list.results.map(function (item) {
        return (
          
            {item.user.email}
          
        );
     });
     return (
      
        
        XXX
        
        
            { contents }
        
      
    );
  }

而且:当你在React中有一个元素数组时,你应该为key数组中的每个元素提供一个唯一的属性.看看为什么.在这种情况下,我使用item.user.email唯一标识符,但您可以使用另一个属性,只需确保它是唯一的(item.user.md5正在发布)



1> TrungDQ..:

React可以渲染一个Elements数组,因此您只需要构造一个数组并将其分配给您的contents变量.我用了一个例子map.

render: function() {
     console.log(this.state.list);
     contents = this.state.list.results.map(function (item) {
        return (
          
            {item.user.email}
          
        );
     });
     return (
      
        
        XXX
        
        
            { contents }
        
      
    );
  }

而且:当你在React中有一个元素数组时,你应该为key数组中的每个元素提供一个唯一的属性.看看为什么.在这种情况下,我使用item.user.email唯一标识符,但您可以使用另一个属性,只需确保它是唯一的(item.user.md5正在发布)

推荐阅读
sx-March23
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有