antd pro connect语法问题

Question

代码片段在 src\pages\user\login\index.tsx 中

export default connect(  
  ({  
    userAndlogin,  
    loading,  
  }: {  
        userAndlogin: StateType;  
        loading: {  
            effects: {  
                [key: string]: boolean;  
        };  
     };  
  }) => ({  
    userAndlogin,  
    submitting: loading.effects\['userAndlogin/login'\],  
  }),  
)(Login);

请教大家中间的冒号是什么语法？

Answer 1

typescript类型声明；

和我下面这一段写法类似：

interface CountAll {
  rows: object [];
  count: number;
}

interface Pagination {
  datas: object [],
  total: number,
  pn: number,
  ps: number,
};

function pageDecorator({ count, rows }: CountAll, pn: number, ps: number): Pagination {
  return {
    datas: JSON.parse(JSON.stringify(rows)),
    total: count,
    ps,
    pn
  };
}

Answer 2

@Denzel

类型声明这样就好了

export interface StateType {  
  status?: 'ok' | 'error';  
  type?: string;  
  currentAuthority?: 'user' | 'guest' | 'admin';  
}



{  
        userAndlogin: StateType;  
        loading: {  
            effects: {  
                [key: string]: boolean;  
        };  
     };  
  }

为什么要这样呢

({  
  userAndlogin,  
  loading,  
  }: {  
          userAndlogin: StateType;  
           loading: {  
                      effects: {  
                        [key: string]: boolean;  
                       };  
                    };  
  })

Answer 3

请问回调函数return的是什么意思呀？

({  
    userAndlogin,  
    submitting: loading.effects['userAndlogin/login'],  
  })