主要以項目為主
- 項目啟動
- 基本的class的寫法
- 網(wǎng)絡(luò)
項目啟動
只clone下來霎槐，必須安裝依賴包
cnpm install(通過cnpm安裝包)安裝依賴包之后黎棠，
鏈接服務(wù)器：
npm run dev:test(瀏覽器要跨域)
2.本地調(diào)試：npm run dev同時需要開啟本地的mock數(shù)據(jù)npm run mock項目打包:
npm run built
具體參照此圖反番，package.json
基本的項目
- 架構(gòu)
架構(gòu)
- 1.有路由
- 2.多標(biāo)簽
- 3.react + redux + router
內(nèi)容模塊
主要分兩塊
- components:寫界面
- container：
作為一個容器灭红，搭配redux的使用狗唉，獲取全局狀態(tài)初烘，網(wǎng)絡(luò)請求，等等
其他 - 自己mock
- middleware
- router
2.編碼
1.基本編碼
import React from 'react'
//定義一個組件，類（組件首字母必須大寫）
class Item extends React.Component
{
//渲染方法肾筐，就是繼承于React.components
render(){
// 可以寫常量
let ps =12312321;
return(
<div>
{/*return函數(shù)內(nèi)哆料，只能包含一個div,一個快*/}
<p></p>
<div></div>
</div>
)
}
}
export Item;
//或者
export default Item;
//如果遇到form的話還需要create，主要是ant組件
2.怎么實現(xiàn)吗铐，創(chuàng)建實例/用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.怎么更新（同步實現(xiàn)）
保存一下就好啦
課外拓展部分
- 阮一峰博客东亦，react,重點(diǎn)了解，react唬渗，redux典阵，router的一些用法，但是該項目不是此阿勇ES6
- 主要的采用ant的組件,必須熟悉,不懂的組件去收拾
- git語法
- sublime插件
- 谷歌瀏覽器插件： react + redux
