我需要一些使用 Apollo 2.1 中新的查询和突变组件的帮助,尤其是多个查询和突变。
我有以下问题:
- 我有一个 graphql 请求,该请求取决于之前的 graphql 结果,我该如何处理这个问题?
- 如何在已经有查询的组件中添加两个不同的突变(在我的组件中我需要执行两个不同的操作)?
编辑 2019/08/24来自阿波罗号docs https://www.apollographql.com/docs/react/hooks-migration/:
Apollo 客户端的新 hooks API 是一种更简单的获取数据的方法
你的 React 应用程序没有 render prop 组件的样板,并且
高阶组件(HOC)。我们建议对所有新的使用钩子
未来的阿波罗代码。
原答案:你应该把它们嵌套起来。看这个例子:
const NumbersWithData = () => (
<Query query={QueryOne}>
{({ loading: loadingOne, data: { one } }) => (
<Query query={QueryTwo}>
{({ loading: loadingTwo, data: { two }}) => {
if (loadingOne || loadingTwo) return <span>loading...</span>
return <h3>{one} is less than {two}</h3>
}}
</Query>
)}
</Query>
);
为了帮助保持嵌套的可管理性,您可以检查反应采用 https://github.com/pedronauck/react-adopt。他们有一个 Apollo ToDo 应用程序示例,其中结合了查询和多个突变。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)