React HOC 和 TypeScript 3.2

使用React HOC和TypeScript 3.2进行开发

typescript
import React, { ComponentType } from 'react';
// 定义一个高阶组件，用于给传入的组件添加点击事件的功能
function withClickEvent(WrappedComponent: ComponentType) {
  return class extends React.Component {
    handleClick = () => {
      console.log('Clicked!');
    };
    render() {
      return ;
    }
  };
}
// 定义一个普通的React组件
class MyComponent extends React.Component<{ onClick: () => void }> {
  render() {
    return Click me!;
  }
}
// 使用高阶组件包裹普通组件
const MyComponentWithClickEvent = withClickEvent(MyComponent);
// 渲染包裹了点击事件功能的组件
const App = () => {
  return ;
};
export default App;