执行多重突变

Question

我不明白如何在一个组件中执行多个突变 我如何在代码第二个变异中执行

如何在一个组件中进行两个突变，其中之一取决于另一个。我有这个为产品添加类别，也可以很好地添加产品，但是我不知道该怎么做。

我的代码：

   <Mutation

        mutation={CREATE_PRODUCT_MUTATION}
        onCompleted={data=>{
          console.log({data});
          setOpen(false);
          setSubmiting(false);
          setTitle("");
          setFile("");
          setPrice("");
          setDescriptions("");
          setCategorys("");
        }}

        refetchQueries={()=>[{query:GET_ALL_PRODUCTS}]}

    >
      {(createProduct,{loading,error})=>{
        if (error) return <Error error={error}/>;

        return(

            <Dialog className={classes.dialog} open={open}>
      <form autoComplete="off" onSubmit={event => handleSubmit(event, createProduct) }>
        <DialogTitle>Create Product</DialogTitle>
        <DialogContent>
          <DialogContentText>
            Add a Title, Descriptions, Price & Image
          </DialogContentText>
          <FormControl fullWidth>
            <TextField
            label={"Title"}
            onChange={event => setTitle(event.target.value)}
            placeholder={"Add Title"}
            className={classes.textField}
            value={title}
            />

          </FormControl>