個(gè)人的理解是typescript就是es+類(lèi)型檢查,首先我們看一個(gè)最簡(jiǎn)單的例子
interface InnerErrorProps {
code: number
}
const InnerError = (props: InnerErrorProps) => <h1>i am {props.code}</h1>
export const Errors = () => <InnerError code={405} />
- 在這里我們定義了兩個(gè)組件,一個(gè)是InnerError, 一個(gè)是Errors。Errors是InnerError的父組件,并且傳入一個(gè)code作為子組件的props。
- 子組件接收一個(gè)參數(shù),參數(shù)是key,value格式,key表示傳入的參數(shù)值,value則表示值的類(lèi)型。
- InnerErrorProps即參數(shù)所定義的類(lèi)型。