在子组件中提交表单后,可以通过以下步骤刷新父组件中的GraphQL查询:
axios
库发送POST请求)将表单数据发送到后端服务器。mutation
来更新数据库中的数据。mutation
中,可以定义一个返回值,该返回值包含需要更新的数据。Apollo Client
来执行该mutation
,并在成功后获取返回的数据。Apollo Client
的refetchQueries
选项来重新执行父组件中的GraphQL查询。refetchQueries
选项接受一个查询名称或一个查询配置对象数组,用于指定需要重新执行的查询。Apollo Client
的useQuery
钩子来执行GraphQL查询,并在查询结果更新时重新渲染父组件。综上所述,通过在子组件中执行GraphQL的mutation
,并在成功后使用Apollo Client
的refetchQueries
选项重新执行父组件中的查询,可以实现刷新父组件中的GraphQL查询。
领取专属 10元无门槛券
手把手带您无忧上云