React-Native:获取异常:invokeGuardedCallbackAndCatchFirstError

时间:2017-11-17 07:45:02

标签: react-native react-native-android react-native-ios

  1. 在我的应用程序中,定义了一个通用操作来调用特定的API。
  2. 可以从标签的不同标签/内部屏幕调用此动作/ API。
  3. 当我从一个标签调用操作并尝试从另一个标签访问相同的API时,我收到异常。
  4. 根据输入参数,这个相同的API响应有两个不同的输出。
  5. 从另一个标签进行第二次调用时发生异常。错误的是,似乎第二次调用试图访问第一次调用实际预期的输出参数。
  6. 问题:同时在多个地方使用相同的操作时是否有任何问题?我是否需要为每个标签/电话创建/复制操作?

    反应信息:     “axios”:“^ 0.16.2”,     “反应”:“16.0.0-alpha.12”,     “react-native”:“0.47.1”,

    PFA image to see the exception messages

1 个答案:

答案 0 :(得分:0)

感谢Eduard,但我们得到了解决方案。该问题是由于UI组件使用了错误的引用而引起的 e.g。

render()
{
  onTapped = this.props.onTapped
  return (
  <View>
    <GridView
     ...         
     renderItem={this.renderItem}        
     .../>
  </View>
  );
 }

和 &#39; this.renderItem&#39;功能是:

renderItem(item)
{         
 onPress={() => onTapped(item)}
}

我们刚用&#34; this.props.onTapped(item)&#34;替换了onTapped(item)。并使用ES6语法定义方法&#34; renderItem =(item)=&gt; {}&#34;

关闭线程,因为此问题现已解决。