扩展RouteComponentProps以接受更多道具?

时间:2020-02-11 06:54:42

标签: reactjs typescript

我在响应中有这段打字稿代码,这是一个渲染道具组件,由于RouteComponentProps没有道具调用组件,我遇到了错误。

class Auth extends Component<RouteComponentProps> {
  render() {
    const { component: Component, ...rest } = this.props //error: Property 'component' does not exist on type 'Readonly<RouteComponentProps<{}, StaticContext, any>> & Readonly<{ children?: ReactNode; }>'.ts(2339)


    const isAuth = getUser()

    return (
      <Route
        {...rest}
        render={props =>
          isAuth ? (
            <Component {...props} />
          ) : (
            <Redirect
              to={{
                pathname: '/login'
              }}
            />
          )
        }
      />
    )
  }
}

export default withRouter(Auth)

1 个答案:

答案 0 :(得分:1)

您可以定义自己的接口来处理它:

android/app/build.gradle

这应该可以解决您遇到的错误。