新建react-hooks-ts项目命令

创建react-hooks-ts项目 

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

安装antd

npm install antd

安装dav

npm install dva-cli -g

安装axios

npm install axios

启动项目

npm run start

删除一些文件

 

 

 index.js文件修改成如下

import dva from 'dva'

const app = dva()

app.start('#root')

 

在src目录下新建一个 router.tsx

 router.tsx内容：

import { Router, Route } from 'dva/router'

export default () => {
	return(
		<Router>
			<Route>
			</Route>
		</Router>
	)
}

src目录下新建layout文件和layout.tsx文件

layout.tsx内容：

export default () => {
	return (
		<div>
			<div>
			 hello
			</div>
		</div>
	)
}

去router.tsx文件中引入：

import { Router, Route } from 'dva/router'
import Layout from './layout/layout'

export default (api) => {
	return(
		<Router history={api.history}>
			<Route path="/">
				<layout></layout>
			</Route>
		</Router>
	)
}

 

index.js文件