ant design pro 添加页面时使用connect时候ts提示类型问题

Question

1.ant design pro 添加页面使用connect时候ts提示类型问题
2.代码：

export default connect(({login, loading}) => ({
  login,
  submitting: loading.effects['login/login'],
}))(LoginPage)

3.提示错误信息
idea中提示TS7031: Binding element 'login' implicitly has an 'any' type.

应该怎么办？

Answer 1

在models中定义JobModel的数据格式，然后限定connect的mapStateToProps的数据格式就可以了

import { JobModel } from './models/job-list'

export interface JobModelConnect {
  jobList: JobModel;
}

class LoginPage extends Component{
  render() {
    console.log(this.props)
    return (
      <div>
        jobList
      </div>
    )
  }
}

export default connect(({jobList}: JobModelConnect) => {
  return {jobList}
})(LoginPage)