typescript+react入门

个人的理解是typescript就是es+类型检查，首先我们看一个最简单的例子

interface InnerErrorProps {
  code: number
}

const InnerError = (props: InnerErrorProps) => <h1>i am {props.code}</h1>

export const Errors = () => <InnerError code={405} />

• 在这里我们定义了两个组件，一个是InnerError， 一个是Errors。Errors是InnerError的父组件，并且传入一个code作为子组件的props。
• 子组件接收一个参数，参数是key，value格式，key表示传入的参数值，value则表示值的类型。
• InnerErrorProps即参数所定义的类型。