react制作豆瓣电影详细过程（一）

效果图：（ps:不知道为什么有的图片显示不出来，但是链接都是对的）

1.建立react项目：

create-react-app douban
cd douban
npm start

2.页面用了蚂蚁金服的antd模板，所以先下载antd

npm install antd --save

3.创建三个文件，分别是movie.jsx,about.jsx,home,jsx,重点讲解movie这个页面里的相对应的页面。首先在需要在app.jsx里导入前面三个文件的组件名和antd的layout布局：
一定要引入antd css样式,不然无法显示效果，在下面的代码里加上 import ‘antd/dist/antd.css’

import Movie from './movie.jsx'
import About from './about.jsx'
import Home from  './home.jsx'
import {
  Layout, Menu, Breadcrumb, Icon,
} from 'antd';

const { SubMenu } = Menu;
const {
  Header, Content, Footer, Sider,
} = Layout;

4.做成自己想要的效果后࿰