目前许多公司都是用的vue，但是大厂许多项目仍然使用react，所以真的有必要了解一下react框架的使用。

今天按着官网，研究首页路由设置，但是我发现我忘了如何设置首页，于是我上网查，发现资料很少，啊这，难道是太简单了，所以写的人太少了，那我就补上这个空白吧。

如何创建react项目就不说了，网上有许多。

创建完后，把app.js改为index.js，其实可以不改，但是大家都这样，于是我改了。然后改里面

的代码。

以下是index.js的全部代码

import React from 'react';

import ReactDOM from 'react-dom';

import App from './views/index';

ReactDOM.render(

document.getElementById('root')

);

import App from './views/index';指的是引入的组件，我是在view文件夹下建了文件index.jsx，然后在里面建了一个名字是App的类组件。

附上index.jsx的全部代码

import React, { Component } from 'react'

// 只有在类组件中才有生命周期

export default class App extends Component {

render() {

return (

这是首页

)

}

}

顺便把项目结构发一下

这是效果

然后使用  Ant Design Mobile  上的组件，设置界面。