• TypeScript
    • React 中使用
    • 帮助我们改善文档

    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 或者 编辑此页面.