使用react apollo,如何使用TypeScript在同一组件中定义2个突变?

根据Miro Lehtonen提供的链接,这里是对我有用的。

type MutationProps = {
    create: MutationFunc<IResponse, ICreateVariables>;
    delete: MutationFunc<IResponse, IDeleteVariables>;
};

type ContainerProps = OtherQueryProps & MutationProps;

const withCreate =
    graphql<ContainerProps, IResponse, ICreateVariables, ContainerProps>(
        CreateMutation,
        {
            // tslint:disable-next-line:no-any
            props: ({ mutate, ...rest }): any => ({
                ...rest,
                create: mutate
            })
        });

删除突变的代码相同。

代码正在运行,但我不喜欢 any 在里面。我没有找到正确键入道具的方法,我也不认为我返回了正确的类型(尽管它工作得很好)。欢迎提出任何建议(关于如何删除 任何 ).

突变的默认名称为 mutate 您可以通过 props.mutate 。如果你想在同一个成分中有更多的突变,你需要给它们命名,比如 deleteData 和 createData 。可通过 props.deleteData 和 props.createData .

一个好的做法是命名所有的突变,只是为了让代码更容易阅读。作为通用名称, 变异 不是很有描述性。