ios - React native ListView 数据源设置(dataSource)
天蓬老师
天蓬老师 2017-04-18 09:38:17
[iOS讨论组]

我想从json解析数据后以listview的形式表现出来:

现在的问题是: 因为json取到的是一个结构体数组,里面有姓名,有编号,但是我并不能将取到的这个结构体数组设置成数据源,提示错误如下:

请问应该如何解决?

代码如下:(其中try1为设置listview的样式,只是之前做的试验,因为数据源没有设置成功所以还没有设置关联的数据)

import React, { Component } from 'react';
import { AppRegistry, ListView,StyleSheet,TouchableOpacity,Image,TouchableHighlight,center,Text, View } from 'react-native';

class ListViewBasics extends Component {
  // 初始化模拟数据
  constructor(props) {
    super(props);
    const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
    this.state = {
      dataSource: ds.cloneWithRows(this.try2())
    };
  }
  try1(){
    return (<View style = {styles.cellRight}>
                <Text style={styles.celltext}>{'ss'}</Text>
             </View>
             );
  }
  try2(){
    fetch('http://v.6.cn/coop/iphone/index.php?padapi=coop-iphone-top.php')
    .then((response) => response.json())
    .then((jsondata) => {
//      console.log('!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!')
//      console.log("用户名:"+jsondata.getwealth.d[0].username)
//      console.log("房号为:"+jsondata.getwealth.d[0].rid)

      return jsondata.getwealth.d;
    })
  }

  render() {
    return (
      <View style={{paddingTop: 22}}>
        <ListView
          dataSource={this.state.dataSource}
          renderRow={(rowData1) => this.try1()}
        />
      </View>
    );
  }
}
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(1)
迷茫

转:
fetch是异步函数,你可以理解为它不能有返回值。举个例子,你去邮局寄信,你不会投完信后就站在那里等回信,那是不可能等到的。
简而言之,不能在then中返回,只能在then中继续setState,把返回的数据放在state中。那么收到回信之前怎么办——你必须设定一个空的state初始值,或者render一个loading视图。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号