返回的 RTK 突变类型

Question

我想像下面的代码一样使用变异结果作为道具：

function Foo() {
  const [updateEmail, result] = useUpdateEmailMutation()
  return (
    <>
      <Bar result={result} />
      <Baz result={result} />
    </>

我想知道我可以为 Bar 的结果道具提供一些特定类型而不是任何类型。

interface IProps {
 result: any <- here
}

const Foo: React.FC<IProps> = ({result}) => {
 ...
}

Answer 1

你会type the according endpoint definition

const api = createApi({
  baseQuery: fetchBaseQuery({ baseUrl: '/' }),
  endpoints: (build) => ({
    updateEmail: build.mutation<ResultType, QueryArg>({
      query: (arg) => { /*...*/ },
    }),
  }),
})

返回的 RTK 突变类型

Returned type of RTK mutation

typescript

redux-toolkit

rtk-query