如何在打字稿中将服务实例传递给反应路由器组件

灭霸帕帕塔纳西欧

我们有以下代码:

//routes.tsx
const auth = new AuthService();

export default <Route component={ Layout }>
    <Route path='/login' components={{body:Login}}
</Route>;

//layout.tsx
export interface LayoutProps {
    body: React.ReactElement<any>
}

我希望 Login 组件能够访问在 routes.tsx 中实例化的身份验证服务

根据我的理解,我必须向 LayoutProps 接口添加一些内容,但我找不到允许传递 AuthService 实例的类型。

灭霸帕帕塔纳西欧

我最终做的是:

导出 const auth = 新 AuthService()

在 AuthService 文件中。同时我不会导出类型。

这样,任何需要身份验证服务的类只需从文件中导入实例,而无法创建另一个实例。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

打字稿和反应路由器

来自分类Dev

在打字稿应用程序中实现反应路由器

来自分类Dev

如何将状态传递给路由器组件?

来自分类Dev

使用反应路由器将对象传递给反应组件

来自分类Dev

反应路由器:将此this.props.location传递给导航栏组件

来自分类Dev

如何在打字稿中使用反应颜色

来自分类Dev

如何将路由器中的组件状态传递给另一个路由器组件

来自分类Dev

如何在打字稿中重载vue组件装饰器?

来自分类Dev

如何在打字稿中将交点类型设为可选

来自分类Dev

如何在打字稿中将流转换为变量

来自分类Dev

如何在打字稿上无序传递参数?

来自分类Dev

如何在打字稿反应钩子项目上的其他组件中获取redux存储的值

来自分类Dev

如何将图像传递到打字稿反应组件

来自分类Dev

VueJS 将路由器传递给子组件

来自分类Dev

如何将道具(状态和功能)传递给子路由器组件

来自分类Dev

如何在组件反应打字稿中返回值

来自分类Dev

反应路由器v2.0的打字稿定义-错误“没有导出的成员'browserHistory'`”

来自分类Dev

反应高阶组件在打字稿中不起作用

来自分类Dev

如何使用“反应路由器”创建NotFoundRoute组件

来自分类Dev

Symfony2:如何将URL传递给服务(不传递整个路由器服务)

来自分类Dev

如何将特定的绑定传递给Angular 1.5中的组件路由器带来的ng-outlet组件?

来自分类Dev

在打字稿中将枚举类型作为参数传递

来自分类Dev

如何将道具传递给路由器?

来自分类Dev

如何将用户变量传递给路由器

来自分类Dev

反应打字稿:配置路由器以允许基于用户名的URL而不与其他路由冲突

来自分类Dev

反应路由器不渲染组件

来自分类Dev

反应路由器不显示组件

来自分类Dev

复制组件在“反应路由器”中?

来自分类Dev

反应路由器不渲染组件

Related 相关文章

  1. 1

    打字稿和反应路由器

  2. 2

    在打字稿应用程序中实现反应路由器

  3. 3

    如何将状态传递给路由器组件?

  4. 4

    使用反应路由器将对象传递给反应组件

  5. 5

    反应路由器:将此this.props.location传递给导航栏组件

  6. 6

    如何在打字稿中使用反应颜色

  7. 7

    如何将路由器中的组件状态传递给另一个路由器组件

  8. 8

    如何在打字稿中重载vue组件装饰器?

  9. 9

    如何在打字稿中将交点类型设为可选

  10. 10

    如何在打字稿中将流转换为变量

  11. 11

    如何在打字稿上无序传递参数?

  12. 12

    如何在打字稿反应钩子项目上的其他组件中获取redux存储的值

  13. 13

    如何将图像传递到打字稿反应组件

  14. 14

    VueJS 将路由器传递给子组件

  15. 15

    如何将道具(状态和功能)传递给子路由器组件

  16. 16

    如何在组件反应打字稿中返回值

  17. 17

    反应路由器v2.0的打字稿定义-错误“没有导出的成员'browserHistory'`”

  18. 18

    反应高阶组件在打字稿中不起作用

  19. 19

    如何使用“反应路由器”创建NotFoundRoute组件

  20. 20

    Symfony2:如何将URL传递给服务(不传递整个路由器服务)

  21. 21

    如何将特定的绑定传递给Angular 1.5中的组件路由器带来的ng-outlet组件?

  22. 22

    在打字稿中将枚举类型作为参数传递

  23. 23

    如何将道具传递给路由器?

  24. 24

    如何将用户变量传递给路由器

  25. 25

    反应打字稿:配置路由器以允许基于用户名的URL而不与其他路由冲突

  26. 26

    反应路由器不渲染组件

  27. 27

    反应路由器不显示组件

  28. 28

    复制组件在“反应路由器”中?

  29. 29

    反应路由器不渲染组件

热门标签

归档