我们有以下代码:
//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] 删除。
我来说两句