如何在一个组件中使用两个apollo客户端操作

Question

我使用的是apollo客户端v2.6，并使用@apolo/react钩子与我的graphql查询和突变交互。我遇到的问题是在一个组件中进行多个apollo操作。我可以执行查询和突变，但检索问题所在的数据，因为从下面的代码

[getEvents, { data }] = useQuery(GET_EVENTS),
[createEvent, { data }] = useMutation(CREATE_EVENT)

你注意到，为了从操作中获得数据，我必须使用数据属性，但我得到的错误是

分析错误：标识符"data"已声明为

那么有没有其他方法可以在不使用数据两次的情况下从操作中获取数据提前感谢

Answer 1

您可以内联重命名数据，如下所示：

const[getEvents, { data: eventsData }] = useQuery(GET_EVENTS),
const[createEvent, { data: createdData }] = useMutation(CREATE_EVENT)

或者只使用调用而不破坏：

const [getEvents, eventsData] = useQuery(GET_EVENTS),
const [createEvent, createdData] = useMutation(CREATE_EVENT)
// access:
eventsData.data
createdData.data