RN 类似多线程的例子

最新推荐文章于 2024-11-05 19:42:32 发布

原创

最新推荐文章于 2024-11-05 19:42:32 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

该博客探讨了在React Native（RN）项目中遇到的网络请求顺序问题。作者通过添加临时变量来解决先发起的请求后返回导致的数据混乱问题，并提供了简单的Demo示例，演示如何使用按钮触发模拟网络请求。尽管作者对于网络请求类似多线程的现象仍感困惑，但已找到一种临时的解决策略。

在项目中有切换月份进行网络请求数据刷新页面，从而就会出现先发得网络请求后回来的问题，如何解决呢，在同事的指导下加临时变量解决了这个问题。Demo如下：

1.在页面加两个按钮，分别点击按钮，进行延时模拟网络请求


//加一个全局变量
this.msg = ‘’；

//按钮
<TouchableOpacity style= {
  
  {marginTop:18,height:50,backgroundColor:'red'}} onPress  = {this.goToNextPage}></TouchableOpacity>
<TouchableOpacity style= {
  
  {marginTop:18,height:50,backgroundColor:'yellow'}} onPress  = {this.goToNextPage1}></TouchableOpacity>

//点击时间
 goToNextPage = ()=> {
    this.msg = '3';
    this.test();
 }

 goToNextPage1 = ()=> {
    this.msg = '4';
    this.test();
 }

 test=()=> {
    let msg = this.msg;               
    Network.sendMessageTest(msg,(result)=>{
        if (msg == this.msg ) {
            console.warn('数字是一样的' + msg  + this.msg);
         } else {
            console.warn('数字是一样的'+ msg  + this.msg);
         }
    });
 }

//模拟网络请求
 sendMessageTest = (msg, success,)=> {
   if (msg === '4') {
      this