資訊專欄INFORMATION COLUMN
摘要：內(nèi)容框架里返回的數(shù)據(jù)，是從中返回的新的中獲取的后面要跟名這里面的是在頂部獲取的路徑跳轉(zhuǎn)如果是內(nèi)部路徑，可以用如果是外部路徑，可以用不可以用剛加載的時(shí)候頁面無內(nèi)容的地方背景為黑色，應(yīng)該設(shè)置全局樣式不設(shè)置定位，不起作用的定義中請求數(shù)據(jù)根據(jù)后臺給
College 內(nèi)容框架
mapStateToProps里返回的數(shù)據(jù)， 是從CollegeRedux中reducer返回的新的state中獲取的
mapStateToProps(state) {
return {
article: state.CollegeReducer.article //state后面要跟reducer名
}
}
mapDispatchToProps(dispatch) {
return {
action: bindActionCreators(actions, dispatch) //這里面的actions是在College頂部獲取的 import { actions } from "CollegeRedux";
}
}
路徑跳轉(zhuǎn)
如果是內(nèi)部路徑，可以用browserHistory.push("/college/basic");
如果是外部路徑，可以用window.location.; 不可以用browserHistory.push
剛加載的時(shí)候頁面無內(nèi)容的地方背景為黑色，應(yīng)該設(shè)置全局樣式
.wrapper {
width: 100%;
height: 100%;
position: absolute; //不設(shè)置定位，不起作用
}
CollegeRedux:
action的定義中請求數(shù)據(jù)
function getArticle() {
return (dispatch) => {
axios({
method: "post",
...,
onSuccess: (res) => {
dispatch({
type: "ARTICLE",
data: res.list //根據(jù)后臺給的接口
})
}
})
}
}
輸出reducer
export default function CollegeReducer( state=initState, action ) {
switch(action.type) {
case "ARTICLE":
return Object.assign({}, state, { article: action.data });
}
}
輸出總的 actions
export const actions = { //注意不是這里用bindActionCreators
getArticle,
...
}
多個(gè)頁面可以使用同一個(gè)CollegeRedux文件，不用重新寫一個(gè)redux文件
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/88538.html
摘要：在中請求服務(wù)器數(shù)據(jù)，并將結(jié)果，也可以在結(jié)果中再添加一些數(shù)據(jù)再，這樣，在中就可以用來獲取這些結(jié)果了。當(dāng)語句里面沒有表達(dá)式，只是某個(gè)值時(shí)如它會自動執(zhí)行操作，即 1.render中最好不要放處理數(shù)據(jù)的邏輯，不能改變props,state的值，不然render后又得render一次，造成多次render），render中不要用localStorate,和sessionStorage（這算是操作...
摘要：開始時(shí)間日接觸，先在官網(wǎng)十目一行學(xué)完了基本特性，作為一個(gè)的偽全棧，用感受了一把雙向綁定，感覺比的要強(qiáng)悍不少，但這開發(fā)環(huán)境吧，不能寫個(gè)，就總覺得自己不能零距離接觸。 開始時(shí)間：3.26日接觸Vue，先在官網(wǎng)十目一行學(xué)完了基本特性：http://cn.vuejs.org/v2/guide/，作為一個(gè)JAVA WEB的偽全棧，用Myclipse感受了一把雙向綁定，感覺比JQUERY的JSRE...
閱讀 3933·2021-11-24 10:46
閱讀 1821·2021-11-16 11:44
閱讀 2300·2021-09-22 16:02
閱讀 1409·2019-08-30 15:55
閱讀 1136·2019-08-30 12:46
閱讀 570·2019-08-28 18:31
閱讀 2767·2019-08-26 18:38
閱讀 1103·2019-08-23 16:51
