React Native项目使用Apollo Client调用mutate和query完成数据交互

最新推荐文章于 2023-01-09 15:45:03 发布

F-ZERO-F

最新推荐文章于 2023-01-09 15:45:03 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/sun_DongLiang/article/details/87798976

版权

本文介绍了如何在React Native项目中，不依赖组件，而是通过Apollo Client的`mutate`和`query`方法直接进行数据交互。在非组件场景下，需要直接使用Apollo Client实例来完成操作，这涉及到实例的获取和使用，以及相关方法的参数配置。文章详细讲解了实现步骤，并强调了与组件内调用的区别。

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

一：背景

之前在使用React Apollo时，数据交互都是在他已经封装好的Query，Mutation组件中进行的。但是当数据交互并不是在React Apollo提供的组件中进行，是在render外部的方法中进行的，那该如何？
在这里插入图片描述
目标：
点击右侧“三个点”弹出ActionSheet，点击举报，完成数据交互

这一部分的实现细节看我之前写了一个博客：React-Native使用React-Navigation在顶部导航栏调用外部定义函数
上代码：

class DynamicDetails extends Component {
  static navigationOptions = (
    (props) => {
      return {
        headerRight: (
            <TouchableOpacity onPress={props.navigation.state.params.openActionSheet}>