主要以项目为主
- 项目启动
- 基本的class的写法
- 网络
项目启动
只clone下来，必须安装依赖包
cnpm install(通过cnpm安装包)安装依赖包之后，
链接服务器：
npm run dev:test(浏览器要跨域)
2.本地调试：npm run dev同时需要开启本地的mock数据npm run mock项目打包:
npm run built
具体参照此图，package.json
基本的项目
- 架构
架构
- 1.有路由
- 2.多标签
- 3.react + redux + router
内容模块
主要分两块
- components:写界面
- container：
作为一个容器，搭配redux的使用，获取全局状态，网络请求，等等
其他 - 自己mock
- middleware
- router
2.编码
1.基本编码
import React from 'react'
//定义一个组件，类（组件首字母必须大写）
class Item extends React.Component
{
//渲染方法，就是继承于React.components
render(){
// 可以写常量
let ps =12312321;
return(
<div>
{/*return函数内，只能包含一个div,一个快*/}
<p></p>
<div></div>
</div>
)
}
}
export Item;
//或者
export default Item;
//如果遇到form的话还需要create，主要是ant组件
2.怎么实现，创建实例/用ant组件
参考路径
/e/WSS_New/src/components/Contract/Issue/Lost/conponents
示范样例：
import React from 'react'
import {Input} from 'antd';
class SJSJ extends React.Component {
render(){
const{style,disable} = this.props;
return(
<div>
<Input placeholder="Basic usage" style = {style} disabled = {disable} />
</div>
)
}
}
export default SJSJ;
3.怎么更新（同步实现）
保存一下就好啦
课外拓展部分
- 阮一峰博客，react,重点了解，react，redux，router的一些用法，但是该项目不是此阿勇ES6
- 主要的采用ant的组件,必须熟悉,不懂的组件去收拾
- git语法
- sublime插件
- 谷歌浏览器插件： react + redux
