IT이야기

TypeScript를 사용하여 vuex에서 커밋에 대한 유형 체킹을 추가하는 방법

cyworld 2022. 5. 6. 19:48
반응형

TypeScript를 사용하여 vuex에서 커밋에 대한 유형 체킹을 추가하는 방법

나는 내 vuex 저장소에 이와 같은 액션 트리를 가지고 있다.

export const actions: SalaryActionTree<SalaryState, RootState> = {
    async setSalaryOperationUnpaidListByUserId(
       {commit}, {user_id, pageNum}) {
        try {
            let res = await SalaryOperationProvider.salaryOperationIndex({
                form: {
                    user_id,
                    payed: '0',
                },
                collectable: {pageNum},
            });
            commit({
                type: 'some-mutatation',
                data: res.data;
            });
        } catch (err) {

        }
    },
}

형식 지정자가 커밋 매개 변수에 대한 유형 검사를 수행하도록 하려면 어떻게 해야 하는가?

Vuex 자체는 커밋할 매개 변수를 타이핑하는 어떤 수단도 제공하지 않는 것처럼 보인다. 즉, 속성이 있는 것은 무엇이든 받아들인다.웹 검색에서 다양한 옵션을 제공하는 이 스레드를 발견했다.

공식 해결책은 아니지만 직접 뷔엑스를 사용할 수 있다.

참조URL: https://stackoverflow.com/questions/51920452/how-to-add-type-cheking-for-commit-in-vuex-with-typescript

반응형