安裝和設定

要在節點專案中使用帶有 react 的 typescript，必須首先使用 npm 初始化專案目錄。使用 npm init 初始化目錄

通過 npm 或紗線安裝

你可以通過執行以下操作使用 npm 安裝 React ：

npm install --save react react-dom

Facebook 釋出了自己的名為 Yarn 的包管理器，它也可用於安裝 React。安裝 Yarn 後，你只需執行此命令：

yarn add react react-dom

然後，你可以在專案中使用 React，方法與通過 npm 安裝 React 的方式完全相同。

在 Typescript 2.0+中安裝反應型別定義

要使用 typescript 編譯程式碼，請使用 npm 或 yarn 新增/安裝型別定義檔案。

npm install --save-dev @types/react @types/react-dom

或者，使用紗線

yarn add --dev @types/react @types/react-dom

在舊版本的 Typescript 中安裝反應型別定義

你必須使用一個名為 tsd 的獨立包

tsd install react react-dom --save

新增或更改 Typescript 配置

要使用 JSX （一種將 javascript 與 html / xml 混合的語言），你必須更改 typescript 編譯器配置。在專案的 typescript 配置檔案（通常名為 tsconfig.json）中，你需要將 JSX 選項新增為：

"compilerOptions": {
    "jsx": "react"
},

該編譯器選項基本上告訴 typescript 編譯器將程式碼中的 JSX 標記轉換為 javascript 函式呼叫。

為了避免 TypeScript 編譯器將 JSX 轉換為普通的 javascript 函式呼叫，請使用

"compilerOptions": {
    "jsx": "preserve"
},