没有显式继承的时候我们这么写:

import * as React from "react";export interface HelloProps { compiler: string; framework: string; }export const Hello = (props: HelloProps) => 
Hello from {props.compiler} and {props.framework}!
;

我们把它写的更像类一些:

import * as React from "react";export interface HelloProps { compiler: string; framework: string; }// 'HelloProps' describes the shape of props.// State is never set so we use the '{}' type.export class Hello extends React.Component
     
       {    render() {        return 
      
Hello from {this.props.compiler} and {this.props.framework}!
;    }}