cnpm install axios -d
cnpm intall react-router-dom -d
cnpm install redux react-redux -s
倉庫外掛程式redux的使用:
1.安裝 cnpm install redux react-redux -s之後
2.在index.js 加上
import
from
'react-redux'
import store from
'./component/redux/store/mystore'
// 使用provider 作用就是將包裹所有子元件,都可以訂閱store的state
>
>
<
/provider>
3.元件就用做好的模板就可以了。
import react,
from
'react'
import
from
'react-redux'
// 連線元件和 store,提供方法,元件中可以使用state
import
from
"redux"
import
*as actionevent from
'./redux/action'
// 將action中所有方法獲取
import store from
'./redux/store/mystore'
class
mould
extends
component
// 監聽store中的state
store.
subscribe((
)=>)}
)}render()
}function
mapstatetoprops
(state)
}function
mapdispathtoprops
(dispatch)
}export
default
connect
(// mapstatetoprops 將store中的state轉化成props接收
// mapdispathtoprops 獲取action裡面方法 通過props接收,呼叫action dispath乙個action給reducer
mapstatetoprops,
mapdispathtoprops
)(mould)
// 這個方法是react-redux 提供的連線元件的方法
讓我們在**的海洋中快樂的猝死吧。 vue cli腳手架安裝過程(精簡版)
1 開啟node的控制台,並找到對應的資料夾 2 檢查node的版本 node v 3 檢查npm的版本 npm v 4 檢查cnpm的版本 cnpm v 5 安裝全域性及腳手架 cnpm install vue cli g 6 初始化webpack 模板,建立名為webpack的資料夾 vue i...
腳手架安裝
1.先裝node 輸入 node v,出現相應的版本號,則說明安裝成功。2.安裝 映象 npm install g cnpm registry 3.安裝webpack npm install webpack 3.8.1 g g全域性安裝webpack版本3.8.1 webpack v檢視版本號 4....
React腳手架rekit的安裝和使用
近期在看react,有看到rekit這個腳手架,話不多說,試試 npm install g rekitemmm 已經安裝好了 接下來,建立乙個react專案 npm install npm start 好了,你的第乙個react專案已經搭建好了,他生成了乙個react的example 但是,所謂的r...