JSX

JSX 是一种可嵌入的类似 XML 的语法。它旨在转换为有效的 JavaScript，尽管这种转换的语义是特定于实现的。JSX 因 React 框架而流行起来，但此后也有其他实现。TypeScript 支持嵌入、类型检查和将 JSX 直接编译为 JavaScript。

// TypeScript 不允许在.tsx文件中使用尖括号类型断言。可以使用 as。
const foo = bar as Foo;

// 函数组件
interface FooProp {
  name: string;
  X: number;
  Y: number;
}

function ComponentFoo(prop: FooProp) {
  return <></>
}

// 类组件🚮
interface PropsType {
  children: JSX.Element
  name: string
}

class Component extends React.Component<PropsType, {}> {
  render() {
    return (
      <h2>
        {this.props.children}
      </h2>
    )
  }
}

参考链接

https://www.typescriptlang.org/docs/handbook/jsx.html