typescript+react入門(mén)

個(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)型。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 本筆記基于React官方文檔,當(dāng)前React版本號(hào)為15.4.0。 1. 安裝 1.1 嘗試 開(kāi)始之前可以先去co...
    Awey閱讀 7,932評(píng)論 14 128
  • 深入JSX date:20170412筆記原文其實(shí)JSX是React.createElement(componen...
    gaoer1938閱讀 8,183評(píng)論 2 35
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,178評(píng)論 0 29
  • 40、React 什么是React?React 是一個(gè)用于構(gòu)建用戶界面的框架(采用的是MVC模式):集中處理VIE...
    萌妹撒閱讀 1,191評(píng)論 0 1
  • 1、感恩宇宙萬(wàn)物的滋養(yǎng)。 2、感恩天地國(guó)家的護(hù)佑。 3、感恩祖宗父母的血脈傳承與教導(dǎo)。 4、感恩生命可以覺(jué)知我的每...
    黃一軒閱讀 260評(píng)論 0 0

友情鏈接更多精彩內(nèi)容