使用流进行类型检查

Question

我有疑问。我写了一个流类型检查器来检查我的减速器。有一个错误，你能给我解释一下错误的原因吗。这是我的密码。

// @flow
import {SET_USER} from "./action-types";
import type {SetUserAction} from "./user-actions"; // export type SetUserAction = (user: User) => Action;
export type State = {
    +username: ?string,
    +firstName: ?string,
    +lastName: ?string,
    +email: ?string,
    avatar?: ?string,
}

export type Action = SetUserAction;

const initialState: State = {
    username: null,
    firstName: null,
    lastName: null,
    email: null,
    avatar: null,
};

type Reducer = (state: State, action: Action) => State;

const userReducer:Reducer = (state = initialState, action) => {
    switch (action.type) {
        case SET_USER:
            return {...action.payload};
        default:
            // (action: empty);
            return state;
    }
};

export {userReducer};

这是错误。

错误------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------setuser：SetUserAction=user=>（{type:SET_USER,payload：user}）；
^^^^^^^^^^^^^^^^^^^^^^^^^^^[1]
引用:
src/redux/user/user-actions.js:24:45
24导出类型SetUserAction=（user：user）=>操作；
^^^^^^^^^^/br>错误--------------------------------------------------------------------src/redux/user/user-reducer.js:26:20
无法获取操作。type，因为函数类型[1]的静态中缺少属性type。src/redux/user/user-reducer.js：26:20
26 switch（Action.type）{
^^^^
引用:
src/redux/user/user-reducer.js：23:39
23 type Reducer=（State：State,Action：Action）=>State；
^^^^^^[1]
错误------------------------------------------------------------/user/user-reducer.js:26:13
属性类型在函数类型[1]的静态中缺少。
src/redux/user/user-reducer.js:26:13
26 switch（Action.type）{
^^^^^^^^^^^
引用:
src/redux/user/user-reducer.js:23:39
23 type Reducer=（State：State,Action：Action）=>State；
^^^^^^^^^^^-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------r/user-Reducer.js：23:39
23 type Reducer=（State：State,Action：Action）=>State；
^^^^^^[1]

Answer 1

根据发布的内容，可能很难诊断错误的全部原因。但是，要检查的一点是，基于这一行

import type {SetUserAction} from "./user-actions"; // export type SetUserAction = (user: User) => Action;

您将setuseraction类型定义为函数（可能是操作创建者），稍后将action别名为类型setuseraction，这实际上意味着reducer中的action参数是函数。

export type Action = SetUserAction;

因此，当您打开Action.type时，将出现类型错误，因为SetUserAction类型上没有.type属性。