typescript+react入门

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

interface InnerErrorProps {
  code: number
}

const InnerError = (props: InnerErrorProps) => 

i am {props.code}

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

你可能感兴趣的:(typescript+react入门)