在 TypeScript 中使用 HOC 时抛出错误

Question

此代码抛出“找不到名称‘ComposedComponent’”。 我不明白为什么会这样。 只想创建简单的 HOC。

 import * as React from 'react'; import { StatelessComponent, Component } from 'react'; import { connect } from 'react-redux'; interface Props { isAuthenticated: boolean; } const AuthComponent = (ComposedComponent: React.ComponentType<Props>) => { class Authentication extends Component<Props> { componentWillMount() { if (!this.props.isAuthenticated) { this.context.router.push('/'); } } componentWillUpdate(nextProps: Props) { if (!nextProps.isAuthenticated) { this.context.router.push('/'); } } render() { return <ComposedComponent {...this.props } />; } } };

Answer 1

文件的扩展名应该是.tsx而不是.ts