首页基本文件构建
1、整个项目我们采用侧边栏+主体内容的方式,效果图如下
2、首先我们在src目录中,新建一个home文件夹,然后再home文件夹中新建一个home.js和home.less,然后根据个人习惯来决定是否创建images目录,来存放当前页面的图片,你也可以把图片放到公共文件夹里面;
3、我们打开home.js,在home.js中,引入Component类,来创建渲染组件;
import React,{
Component
}
from 'react';
4、然后我们还要引入home.less文件,如下图
import './home.less';
5、创建一Home组件,并且这个组件继承Component组件
class Home extends Component{
constructor(props){
super(props);
}
render(){
return();
}
}