cNode------路由设置以及项目基本框架搭建，网页web前端开发培训班

总结

根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。

这里分享一些前端学习笔记：

• html5 / css3 学习笔记

  

• JavaScript 学习笔记

  

• Vue 学习笔记

  

开源分享：docs.qq.com/doc/DSmRnRG…

return (

<Route path = "/" exact render={()=>(

)}/>//严格匹配，当访问根目录下时跳转至index路由

)

};

}

export default RouterIndex;//导出模块

• index.js

import React, { Component } from 'react';

class Index extends Component {

render() {

return (

首页！

);

}

}

export default Index;

• 导航main-header.js

import React,{Component} from 'react';

import Nav from './nav';//自己写的模块

//使用Layout布局，Row表示行，Col表示列，图标，下拉菜单，按钮

import {Layout,Row,Col,Divider,Icon,Dropdown,Button} from 'antd';

export default class mainHeader extends Component{

render(){

return (

<Layout.Header>

//一行为24格

//md规格下占行的6格，xs规格下占24格

cNode

<Dropdown overlay={

}

placement = "bottomRight"

trigger = {["click","touchend"]}

</Layout.Header>

);

}

}

nav.js

import React,{Component} from 'react';

import {Link} from 'react-router-dom';//可以作跳转

import {Menu,Icon} from 'antd';

export default class Nav extends Component{

render(){

let {mode,id} = this.props;

return(