React-native ListView 必须点击屏幕才会加载数据

最新推荐文章于 2021-11-23 06:21:08 发布

Rlusia

最新推荐文章于 2021-11-23 06:21:08 发布

阅读量4.2k

点赞数

分类专栏： React Native 文章标签： listview rn 数据加载

本文链接：https://blog.csdn.net/black_dreamer/article/details/51902499

版权

博客讲述了在React-native中ListView数据加载异常的情况，需要点击屏幕后数据才会显示。问题源于逻辑错误，作者在fetchInfo函数获取数据后，应在setInfo的setState中正确设置fetched状态，以确保数据正确渲染。此外，提到了最新RN版本在Chrome调试时可能出现类似问题，可能与性能和调试体验有关。

摘要由CSDN通过智能技术生成

最近在改动ListView时发现ListView数据不是在进入界面之后就加载出来，而是要点击屏幕之后才会加载数据，很怪异的bug。
首先函数是这么写的:在fetchInfo()里去获取服务器里的个人信息，然后再设置到页面。整理之后发现还是逻辑问题，以后得多注意思维清晰。

fetchInfo() {
        if(!this.state.fetched) {
            var body = {
                userId: this.state.user_id,
            } ;
            var getSign = this.state.sign.toUpperCase() ;
            var getParams = 'userId=' + this.state.user_id + '&token=' + this.state.token ;
            var paramSign = md5(getParams) ;
            SELFINFO_REQUEST = SELFINFO_URL + '?sign=' + paramSign.toUpperCase() + '&body=' + JSON.stringify(body) ; 
            var infoRequest = encodeURI(SELFINFO_REQUEST) ;
            fetch(infoRequest)
            .