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 的別名。因此，可以使用任何一個。