跳至主要內容

8.5 React使用TS 🎉

刘春龙...小于 1 分钟RRACTWEB前端react

8.5 React使用TS 🎉

TypeScript 是一种由微软开发的编程语言。它是 JavaScript 的一个类型超集,包含独立的编译器。作为一种类型语言,TypeScript 可以在编译时发现 bug 和错误,这样程序运行时就可以避免此类错误。

创建全新的ts版react项目

npx create-react-app my-ts-app --template typescript

举例

import React from 'react';
import Child from './child';
class App extends React.Component {
  render() {
    return (
      <div>
        <Child value="12" value1={12} />
      </div>
    )
  }
}
export default App
import React from 'react'
type Props = {
    value: string
    value1: number
}
type State = {
    username: string
    password: string
}
class Child extends React.Component<Props, State> {
    constructor(props: Props) {
        super(props);
        this.state = {
            username: "1",
            password: "1123"
        }
    }
    render() {
        return (
            <div>
                <p>{this.props.value}</p>
                <p>{this.state.username}</p>
            </div>
        )
    }
}
export default Child

此后,我将使用TypeScript版的react进行下边的讲解了

上次编辑于:
贡献者: 刘春龙
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.7