TypeScript

支持扩展类型: ts, tsx

TypeScript是 JavaScript 类型化的超集，可以编译成原始的 JavaScript，支持现代的 ES2015+特性。转换 TypeScript 是开箱即用的不需要额外的配置。

  1. <!-- index.html -->
  2. <html>
  3.   <body>
  4.     <script src="./index.ts"></script>
  5.   </body>
  6. </html>
  1. // index.ts
  2. import message from './message'
  3. console.log(message)
  1. // message.ts
  2. export default 'Hello, world'

React 中使用

要使用：Typescript + React + JSX，你需要：

  • 使用.tsx后缀
  • 正确的引用 React
  • 在 tsconfig 中使用特殊配置"jsx": "react"完整的例子：
  1. <!-- index.html -->
  2. <html>
  3.   <body>
  4.     <div id="root"></div>
  5.     <script src="./index.tsx"></script>
  6.   </body>
  7. </html>
  1. // index.tsx
  2. import React from 'react'
  3. import ReactDOM from 'react-dom'
  5. console.log('Hello from tsx!')
  7. ReactDOM.render(<p>Hello</p>, document.getElementById('root'))
  1. // tsconfig.json
  2. {
  3.   "compilerOptions": {
  4.     "jsx": "react"
  5.   }
  6. }

查看 更多的细节。

帮助我们改善文档

如果有遗漏或者不清楚的地方，请在本站的仓库 提交issue 或者 编辑此页面.