Umi: 使用 umi+dva+typescript 和 class 组件，会在编辑器里报找不到 this.props.dispatch

[masquevil]

代码是：

// pages/index.tsx
class Page extends Component {
  render(){
    return (
      <Button onClick={ () => { this.props.dispatch(...); } }>Button</Button>
    );
  }
}

报错的信息是：
Property 'dispatch' does not exist on type 'Readonly<{ children?: ReactNode; }> & Readonly<{}>'.

[xiaohuoni]

```
interface PageProps {
dispatch: any;
location: any;
message: any;
}
class Page extends Component {}

[masquevil]

嗯，这个方法我找到了，但是要每个页面都写一遍。最省事的办法也是每个页面都写

class Page extends Component<any> {}

有更简便的方法吗？

[xiaohuoni]

用ts写类型定义不是必须的吗？
我问个，ts用的比较熟悉的朋友哈

[huanglei1991]

[smithyj]

我已经放弃用 typescript 了

[xiaohuoni]

huanglei1991 的方法可以

[huanglei1991]

@smithyj 那你放弃了很多好东西~

[masquevil]

@huanglei1991 这样确实可以，请问 Basic.BaseProps 是自己写的还是可以在 umi/dva 中引用的？

因为理论上能直接引用会最好，但目前我只在 dva 里找到了

export interface SubscriptionAPI {
  history: History,
  dispatch: Dispatch<any>,
}

而事实上已经发现的默认还有这些字段：route match location computedMatch children staticContext
所以如果想要包含这些 信息，可能要写：

import { SubscriptionAPI } from 'dva';
import { A } from 'a';
import { B } from 'b';
import { C } from 'c';

class Base<P = {}, S = {}> extends React.Component <
  P & SubscriptionAPI & A & B & C,
  S
>{}

[wangxingkang]

@masquevil 也正在尝试typescript+umi+dva写项目 https://github.com/typescript-projects/react-admin-template 欢迎一起