资讯专栏INFORMATION COLUMN

项目随笔

everfly / 1135人阅读

摘要:在中请求服务器数据,并将结果,也可以在结果中再添加一些数据再,这样,在中就可以用来获取这些结果了。当语句里面没有表达式,只是某个值时如它会自动执行操作,即

1.render中最好不要放处理数据的逻辑,不能改变props,state的值,不然render后又得render一次,造成多次render),render中不要用localStorate,和sessionStorage(这算是操作数据,最好让render之负责展现,术业有专攻).

在组件中,最好不要对props赋值,如果想赋值就用state.因为props可以说是父组件传递的,是固定的。而state是组件自己的,想怎么搞就怎么搞.所以this.props一般在等号的右边;this.state一般在等号的左边。这也是为什么有了props还要有一个state的原因。

2.在pleageRedux中请求服务器数据,并将结果dispatch,也可以在结果中再添加一些数据再dispatch,,这样,在pledge.js中就可以用this.prop来获取这些结果了。

3.在willMount中设置数据setState,不会render.而会在willMount之后render.

4.

class Pledge extends Component{
    constants = {
        pages: {
            ...
        },
    }

    state = {
        ...
    }
}

像上面这种情况,可以不用写

constructor(props){
    super(props);
}

这时候,系统自动帮你把这一步做了。

如果是UI组件的话,最好有

static defaultProps = {
    
}
static propTypes = {
    
}

5.实现处理的handeler函数,最好写成

const handler = () => {
    
}

这样可以自动绑定this

使用最简的

const handler() {
    
}

则不能自动绑定。

但是render函数则经常使用

render() {
    
}

用以简化代码
6.使用以下代码

func = () => {
    console.log("sss");
};

结尾要加分号。而使用以下代码,结尾不用加分号。

func () {
        console.log("sss");
    }

7.当if语句里面没有表达式,只是某个值时 如 if (XXX) 它会自动执行Boolean(xxx)操作, 即 if(XXX) = if(Boolean(xxx))

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

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

相关文章

  • 项目随笔2

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

    wdzgege 评论0 收藏0
  • 一个JAVA WEB伪全栈的VUE入坑随笔,从零点零五学起

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

    HmyBmny 评论0 收藏0
  • Limesurvey二次开发(接入CAS统一身份认证)随笔

    摘要:在我开发之前只看见上海交通大学完成了自己的二次开发,并且接入了自己学校的统一身份认证系统,除此之外,南京大学也打算做这个东西,然而过去了两年,好像还是没有完成开发。具体的实现可以参照上海交通大学的问卷吧系统。 Limesurvey是一个比较著名的开源问卷调查项目,GitHub地址:https://github.com/LimeSurvey/LimeSurvey 但由于种种原因,虽然用搜...

    Cympros 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<