在react工程中使用typescript(-), 项目初始化

[gaowei1012]

项目初始化

[gaowei1012]

使用官方脚手架 create-react-app 创建项目，并添加为支持 typescript 语法支持

// 默认会创建`ts`工程
npx create-react-app typescript-react-app --typescript

[gaowei1012]

创建成功后，配置我们的项目。

添加 redux、redux-logger、redux-thunk、react-redux 、react-router-dom 到我们的项目，这里需要注意，在使用 第三方模块对 ts 必须使用 @types ，@types/redux 、 @types/redux-thunk、@types/redux-logger、@types/react-logger、@types/react-redux、@types/react-router-dom 方可使用。

[gaowei1012]

在项目中实战，使用如下：

import * as React from 'react'
// import './index.less'

const Home = (): React.ReactElement => {
    return (
        <div className='homeContainer'>
            home
        </div>
    )
}

export default Home