javascript - vuex中的{dispatch，commit}的类型是什么？(What are the types for { dispatch, commit } in vuex?)

Question

I got vujes typescript project and in vuex store i got something like:(我得到了vujes打字稿项目，在vuex商店中，我得到了类似的东西：)

async getUserProfile ({ dispatch, commit }: any) {} Well i dont want any because that suck and you dont have help/autocomplete in editor.(好吧，我不需要any因为那很烂，您在编辑器中没有帮助/自动完成功能。) I found this import { Dispatch, Commit } from "vuex";(我import { Dispatch, Commit } from "vuex";找到了此import { Dispatch, Commit } from "vuex";) but how to pass that info to { dispatch, commit }: any(但是如何将该信息传递给{ dispatch, commit }: any)   ask by pregmatch translate from so

Answer 1

You don't destructure it, instead you use ActionContext<S, R> , like Vuex does:(您无需对其进行解构，而是使用ActionContext<S, R> ，就像Vuex那样：)

getUserProfile( context: ActionContext<S, R>) {} Where S is the State and R is the RootState .(其中S是State ， R是RootState 。) Then you call dispatch and commit off of the context:(然后调用dispatch并从上下文中commit ：) context.dispatch('action') context.commit('mutation')