TypeScript 中的无状态反应组件

React 组件是其道具的纯函数，不需要任何内部状态，可以编写为 JavaScript 函数，而不是使用标准类语法，如：

import React from 'react'

const HelloWorld = (props) => (
    <h1>Hello, {props.name}!</h1>
);

使用 React.SFC 类在 Typescript 中可以实现相同的目的：

import * as React from 'react';

class GreeterProps {
   name: string
}

const Greeter : React.SFC<GreeterProps> = props =>
    <h1>Hello, {props.name}!</h1>;

请注意，名称 React.SFC 是 React.StatelessComponent 的别名。因此，可以使用任何一个。