hundred内容

主要以项目为主

1. 项目启动

• 基本的class的写法
• 网络

项目启动

---

1. 只clone下来，必须安装依赖包
   cnpm install (通过cnpm安装包)

2. 安装依赖包之后，

3. 链接服务器： npm run dev:test(浏览器要跨域)
   2.本地调试：npm run dev 同时需要开启本地的mock数据 npm run mock

4. 项目打包: npm run built

具体参照此图，package.json

基本的项目

---

1. 架构

架构

• 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