Apollo GraphQL(React)组件之间的数据共享
我刚开始使用react-apollo，想知道什么是跨组件共享数据的最佳方法. 例如，我有componentA，它正在使用react-apollo中的grapql来获取一些数据(WrappedA).我的UI中的其他位置也有其他组件componentB，并且希望使用componentA已获取的数据. 在下面附上一个非常简单的示例. const ComponentA = ({ ...prop
..
react-apollo相关内容
如何在graphql突变中设置多对多关系?
我可能会丢失一些东西，但是在Apollo文档上找不到有关创建新条目时如何设置多对多关系的任何信息. 关系为一对多时，就像在多边对象中设置关系的一侧的ID一样简单. 但是，假装我正在与“书籍和作者"一起工作，我该如何编写一个graphql查询来为一个(或多个)作者创建一本书? 解决方案 这可能应该在GraphQL服务器(即架构)的API层上发生.对于多对多关系，您应该有一个“联接
..
React-Apollo Mutation返回空响应
我正在使用AWS Appsync，希望从成功执行的突变中获得响应.当我在Appsync Graphql控制台中尝试设置时，得到一个填充的"data": { "mutateMeeting" }响应: 当我在react应用程序中尝试相同的操作时，我在dynamodb数据库中看到发生了突变，但是 react-apollo 不会返回突变响应.如您在apollo开发工具中所见，"data": { "m
..
React Apollo客户端突变组件中的refetchQueries无法正常工作吗?
我的Home.js文件中有一个 Home.js {({ data: { product } }) => {
..
Apollo乐观UI在突变组件中不起作用?
我正在使用组件，该组件具有Render Prop API&尝试在用户界面中进行乐观响应. 到目前为止，我在_onSubmit函数中拥有此块- createApp({ variables: { id: uuid(), name, link }, optimisticResponse: { __typename: "Mutation"
..
如何与另一个查询共享缓存的阿波罗客户端数据
我正在将apollo-client@2.3.x(& react-apollo@2.1.x)与标准InMemoryCache结合使用，以通过其GraphQL Storefront API查询Shopify商店. 我有两个查询:1. getProducts(在中)和2. getProduct($id)(在中).在从开始然后单击产品
..
未调用Apollo updateQueries?
我正在GitHunt-React和GitHunt-API中研究Apollo pub-sub.当我运行这些应用并输入新评论时，该评论将通过调用提交保存，然后在此处运行updateQueries代码块: const CommentsPageWithMutations = graphql(SUBMIT_COMMENT_MUTATION, { props({ ownProps, mutate }
..
如何从突变查询更新Apollo数据存储/缓存，更新选项似乎未触发
在我的本机应用程序中，我有一个更高阶的组件来检索配置文件.当我称呼“添加关注者"突变时，我希望它更新配置文件以反映其关注者集合中的新关注者.如何手动触发对商店的更新.我可以重新获取整个配置文件对象，但更喜欢只进行插入客户端而不进行网络重新获取.目前，当我触发突变时，配置文件无法在屏幕上反映出变化. 看来我应该使用update选项，但是它对我的命名突变似乎不起作用. http://dev.ap
..
如何从阿波罗缓存中获取更新的数据
Apollo客户端是否具有mapStateToProps(Redux)之类的东西? 假设我有一个组件，查询后我知道缓存中有数据，所以我做类似的事情: class Container extends React.Component { ... ... render() { const notes = this.props.cli
..
apollo-link-state cache.writedata导致缺少字段警告
当我在客户端上调用突变时，会收到以下警告: writeToStore.js:111 {}中缺少字段updateLocale 这是我的stateLink: const stateLink = withClientState({ cache, resolvers: { Mutation: { updateLocale: (root, { locale },
..
带变量的Apollo查询
只是基本的阿波罗查询请求 this.client.query({ query: gql` { User(okta: $okta){ id } }` }).then(result => { this.setState({userid: result.data.User}); console.log(this.state.use
..
Apollo将第一个结果复制到边缘阵列中的每个节点
我正在使用react-apollo开发一个react应用 当我在浏览器的“网络"选项卡中签入时，通过graphql调用数据显示了数组的所有元素不同 但是我在应用程序中得到的内容或console.log()，则数组的所有元素都与第一个元素相同. 我不知道如何解决，请帮忙 解决方案 将其放入您的App.js cache: new InMemoryCache({ dataIdFro
..
使用Apollo客户端注销后重置存储
我试图在我的react-apollo应用程序注销后重置存储. 因此，我创建了一个称为“注销"的方法，当我单击按钮时调用该方法(并由"onDisconnect"道具传递). 为此，我尝试遵循以下示例: https://www.apollographql.com/docs/react/recipes/authentication.html 但是在我的情况下，我希望LayoutComp
..
Apollo Client和Relay之间有什么区别?
我刚刚被介绍给GraphQL，并且正在两个框架之间进行决策( Apollo 和中继)，以实现我的前端React Web应用. 我知道Relay是由Facebook构建的，而Apollo是由Meteor构建的.有没有人尝试过这两种方法，您的经历如何?我想知道它们之间有什么区别，与使用Apollo相比，使用Relay可以使哪种GraphQL应用程序受益更多. 解决方案 TL; DR:该问
..
仅在用户验证后如何设置Apollo客户端?
在用户验证/登录之前不建立连接的情况下，我对如何构建React/GraphQL(Apollo)应用程序感到有些困惑. 目前我有这个: class App extends Component { render() { return (
..
缺少对象GraphQL + Apollo错误的选择集
我有一组突变，它们会触发某些类型的弹出窗口的局部状态.它们通常是这样设置的: openDialog: (_, variables, { cache }) => { const data = { popups: { ...popups, dialog: { id: 'dialog', __typen
..
是否可以防止在组件状态更改/重新呈现时重新获取"useLazyQuery"查询?
当前，我有一个useLazyQuery钩，该钩在按下按钮时触发(搜索表单的一部分). 挂钩正常运行，仅在按下按钮时才会触发.但是，一旦我将其触发一次，它就会在每次组件重新渲染时触发(通常是由于状态更改). 因此，如果我搜索一次，然后编辑搜索字段，结果将立即显示，而无需再次单击搜索按钮. 不是我想要的UI，并且如果您完全删除搜索文本(由于它试图使用null作为变量进行搜索)，则会导
..
如何执行异步提取请求，然后重试上一个失败的请求?
Apollo链接提供了一个错误处理程序onError 问题: 目前，我们希望在opol令牌在阿波罗调用期间到期时刷新它们，并且我们无法在onError内部正确执行异步获取请求. 代码: initApolloClient.js import { ApolloClient } from 'apollo-client'; import { onError } from 'apol
..
Apollo GraphQl存储派生数据
某些上下文:我正在开发一个React JS应用，该应用可以从数据库中读取地理点，并以各种方式对其进行图形化/映射.有一些原始图和图仅显示数据库中的数据，但也有一些图和度量涉及对点的分析，例如斜率图，图下面积，直方图，欧几里得距离等. 我设置了一个GraphQL客户端，以便在安装了Apollo-Client的情况下向我的应用程序提供数据.这是GraphQL响应的示例: { "data
..
如何在一个请求中使用不同的参数多次运行一个突变?
我有一个突变: const createSomethingMutation = gql` mutation($data: SomethingCreateInput!) { createSomething(data: $data) { something { id name } } } `; 如何在一个请求中创
..