typescript在react元件中的使用

2021-09-11 21:55:28 字數 739 閱讀 4152

typescript中文文件

// 布林值

let istrue: boolean = false

//數字

let num : number = 4

//字串

let name : string = 'boble'

//陣列

let arr : number= [1,2,3,4]

let arrs : array//注意<>內部表示陣列item的屬性,可以設定any或者其他基礎型別

//元組

let array :[ string, number ]

array=['age', 25] //true

array=[25,'age'] //error

//void

表示沒有任何返回

複製**

//常規函式

function add(x,y)

//ts

function add(x:number,y:munber):number

複製**

import react , from 'react'

inte***ce props

inte***ce fnc

export default class example extends component

複製**

在 React 中使用 Typescript

用 typescript 寫 react 可比寫 vue 舒服太多了,react 對 ts 的支援可謂天生搭檔,如果要用 ts 重構專案,不像 vue 對專案破壞性極大,react 可以相對輕鬆的實現重構。如在已有專案中使用typescript,需要手動安裝 typescript types rea...

基於Ant Design UI框架的React專案

一 安裝webstorm noje.js 全域性安裝 詳細安裝這裡略過 成功!三 建立react專案antd demo1 繼續在cmd命令視窗輸入 如上圖,則建立成功!四 引入ant design元件庫 cmd命令進入專案根目錄 yarn add antd 如圖引入成功!五 開啟webstorm,匯...

TypeScript在Vue中的嘗試

vue官方文件中,對typescript做支援,目前我們可以使用typescript的語法,進行vue專案的開發。這個外掛程式是vue官方維護的外掛程式,目前支援基於class的語法規則。1 直接在類中申明data資料。舊的方式 export default 使用class的方式 import co...