当组件扩展接口时反应Typescript传播道具

时间:2019-10-24 12:26:15

标签: javascript reactjs typescript ecmascript-6

我有一个路由器对象,该对象将所有路由映射到Route组件:

<Router history={history}>
      <App>
        <Switch>
          {routes.map(route => (
            <AuthRoute exact {...route}
          ))}
          <Redirect to={'/'} from={'*'} />
        </Switch>
      </App>
    </Router>

但是由于AuthRoute是一个看起来像这样的接口:

interface AuthRouteType {
    component: typeof Component,
    route: RouteType,
    exact: boolean
    name: string
}

当我传播道具时,我得到一个错误,提示我缺少一些参数。

使用界面时如何散布道具?

0 个答案:

没有答案