项目随笔2

wdzgege 发布于2019-08-21 16:26 / 2956人阅读

摘要：内容框架里返回的数据，是从中返回的新的中获取的后面要跟名这里面的是在顶部获取的路径跳转如果是内部路径，可以用如果是外部路径，可以用不可以用刚加载的时候页面无内容的地方背景为黑色，应该设置全局样式不设置定位，不起作用的定义中请求数据根据后台给

College 内容框架

mapStateToProps里返回的数据， 是从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";
    }
}

路径跳转

    如果是内部路径，可以用browserHistory.push("/college/basic");
    如果是外部路径，可以用window.location.href = "http://www.baidu.com"; 不可以用browserHistory.push

刚加载的时候页面无内容的地方背景为黑色，应该设置全局样式
    .wrapper {
        width: 100%;
        height: 100%;
        position: absolute;    //不设置定位，不起作用
    }

CollegeRedux:

action的定义中请求数据
    function getArticle() {
        return (dispatch) => {
            axios({
            method: "post",
            ...,
            onSuccess: (res) => {
                dispatch({
                    type: "ARTICLE",
                    data: res.list    //根据后台给的接口
                })
            }
        })
        }
    }

输出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,
    ...
}

多个页面可以使用同一个CollegeRedux文件，不用重新写一个redux文件

GPU云服务器云服务器生活随笔随笔心情随笔散文随笔

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88538.html

项目随笔

摘要：在中请求服务器数据，并将结果，也可以在结果中再添加一些数据再，这样，在中就可以用来获取这些结果了。当语句里面没有表达式，只是某个值时如它会自动执行操作，即 1.render中最好不要放处理数据的逻辑，不能改变props,state的值，不然render后又得render一次，造成多次render），render中不要用localStorate,和sessionStorage（这算是操作...

everfly 2019-08-20 18:09 评论0 收藏0
一个JAVA WEB伪全栈的VUE入坑随笔，从零点零五学起

摘要：开始时间日接触，先在官网十目一行学完了基本特性，作为一个的伪全栈，用感受了一把双向绑定，感觉比的要强悍不少，但这开发环境吧，不能写个，就总觉得自己不能零距离接触。开始时间：3.26日接触Vue，先在官网十目一行学完了基本特性：http://cn.vuejs.org/v2/guide/，作为一个JAVA WEB的伪全栈，用Myclipse感受了一把双向绑定，感觉比JQUERY的JSRE...

HmyBmny 2019-08-21 15:33 评论0 收藏0