@React_Dev_Man

В чём причина ошибки TS2769 и как её устранить?

Только начал изучать TypeScript и столкнулся с такой ошибкой:

Overload 1 of 3,
(thunkAction: ThunkAction): unknown
, gave the following error.
Argument of type
{ type: string; payload: { titlle: string; }; }
is not assignable to parameter of type
ThunkAction
Type
{ type: string; payload: { titlle: string; }; }
provides no match for the signature
(dispatch: ThunkDispatch<{ globalState: State; }, unknown, ActionsTypes>, getState: () => { globalState: State; }, extraArgument: unknown): unknown
Overload 2 of 3, (action: ActionsTypes): ActionsTypes, gave the following error.
Argument of type
{ type: string; payload: { titlle: string; }; }
is not assignable to parameter of type ActionsTypes
Type
{ type: string; payload: { titlle: string; }; }
is not assignable to type setActiveNoteType
Types of property type are incompatible.
Type string is not assignable to type "SETACTIVEFRAME"
Overload 3 of 3,
(action: ActionsTypes | ThunkAction): unknown
, gave the following error.
Argument of type
{ type: string; payload: { titlle: string; }; }
is not assignable to parameter of type
ActionsTypes | ThunkAction
Type
{ type: string; payload: { titlle: string; }; }
is not assignable to type setActiveNoteType

Это код редюсера моего React приложения:
import { ThunkAction } from 'redux-thunk'
import { ThunkDispatch } from 'redux-thunk'
import { StateType } from "./Redux-store";

type Frame = {
    titlle: string;
    text: string | null;
};

export type State = {
    frames: Frame[];
    isCreateBlank: boolean;
    activeFrame: number;
};

export const setFrame = (titlle: string) => ({ type: 'SETFRAME', payload: { titlle } });
export const isCreateBlankFalse = () => ({ type: 'ISCREATEBLANKFALSE' });
export const isCreateBlankTrue = () => ({ type: 'ISCREATEBLANKTRUE' });
export const setActiveNote = (id: number) => ({ type: 'SETACTIVEFRAME', payload: { id } });

type setFrameActionType = {
    type: 'SETFRAME';
    payload: { titlle: string };
};

type setActiveNoteType = {
    type: 'SETACTIVEFRAME';
    payload: { id: number };
};

type isCreateBlankType = {
    type: 'ISCREATEBLANKFALSE' | 'ISCREATEBLANKTRUE';
};

export let initialState: State = {
    frames: [],
    isCreateBlank: false,
    activeFrame: 0
};

export type ActionsTypes = setFrameActionType | isCreateBlankType | setActiveNoteType;

export let globalReduser = (state: State = initialState, action: ActionsTypes): State => {
    switch (action.type) {
        case "SETFRAME":
            return {
                ...state,
                frames: [...state.frames, { titlle: action.payload.titlle, text: null }]
            };

        case "ISCREATEBLANKFALSE":
            return {
                ...state,
                isCreateBlank: false
            };

        case "SETACTIVEFRAME":
            return {
                ...state,
                activeFrame: action.payload.id
            };

        case "ISCREATEBLANKTRUE":
            return {
                ...state,
                isCreateBlank: true
            };

        default:
            return state;
    }
};

export type ThunkSetFrameType = ThunkAction<Promise<void>, StateType, unknown, ActionsTypes>;
export type AppDispatch = ThunkDispatch<StateType, unknown, ActionsTypes>;

export const setFrameThunk = (titlle: string): ThunkSetFrameType => {
    return async (dispatch: AppDispatch, getState: () => StateType) => {
        dispatch(setFrame(titlle));
        dispatch(isCreateBlankFalse());
    };
};


И вот код Redux-Store.ts:
import { configureStore, combineReducers } from "@reduxjs/toolkit"
import { globalReduser } from "../Redux/GReduser"


let reducers = combineReducers({
    globalState: globalReduser
})

export let store = configureStore({reducer: reducers})

export type DispatchType = typeof store.dispatch
export type StateType = ReturnType<typeof store.getState>

Не могу понять что здесь не так
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ответы на вопрос 1
Alexandroppolus
@Alexandroppolus
кодир
Функции setFrame, isCreateBlankFalse и т.д. возвращают объект, у которого поле type имеет тип string

задай им явно возвращаемое значение, по идее должно попустить
export const setFrame = (titlle: string): setFrameActionType => ({ type: 'SETFRAME', payload: { titlle } });


--
ну и лучше называть типы с большой буквы, так исторически сложилось.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
05 нояб. 2024, в 11:03
15000 руб./за проект
05 нояб. 2024, в 11:00
15000 руб./за проект
05 нояб. 2024, в 10:55
1500 руб./за проект