less中串联选择器的表示

.container {&.content {}
}

上面的&符号表示串联选择器,&.content表示选择到.container.content这样的元素

react中函数式的setState用法

this.setState((oldState, oldProps)=>{// 根据当前state和props计算新的state值....return {newState}
})

如果传递给this.setState的参数不是一个对象而是一个函数

这个函数会接受两个参数,第一个参数是当前的state值,第二个是当前的props,这个函数返回一个对象,这个对象代表想要对this.state的更改。

  • 例子

function increment(state, props){return {count: state.count+1}
}function incrementMultiple(){// 假设默认的state中的count的值为0,// 则第一次setState时向increment传递的state的count的值为0this.setState(increment)// this.state的count的值仍然为0// 向increment传递的state的count的值为1this.setState(increment)// this.state的count的值仍然为0// 向increment传递的state的count的值为2this.setState(increment)
}
// 调用上述函数,最终this.state.count会成为3

对于多次调用函数式setState的情况,React会保证调用每次increment时,state都已经合并了之前的状态修改结果。简单地说,加入当前this.state.count的值是0,第一次调用this.setState(increment),传给increment的state参数是0,第二次调用时,state参数是1,第三次调用时,参数是2,最终incrementMultiple的效果是让this.state.count变为3。

值得一提的是,在increment函数被调用时,this.state并没有改变,this.state的改变要等到render函数被重新执行时(或者shouldComponentUpdate函数返回false之后)才被改变。

20170612-点滴记录相关推荐

  1. 关于TVM的点滴记录

    关于TVM的点滴记录

  2. 软件开发心得点滴记录

    软件开发心得点滴记录 一见 创建日期:2013/6/27 1. 前言 自从2002年大学毕业后一直沉浸于软件开发之路,平时喜欢思考和归纳,时常会产生一点心得和想法,回想起来是一笔宝贵的财富,只可惜陆陆 ...

  3. 深度学习(四十)caffe使用点滴记录

    caffe使用点滴记录-持续更新 一.caffe 创建python 层 因为caffe底层是用c++编写的,所以我们有的时候想要添加某一个最新文献出来的新算法,正常的方法是直接编写c++网络层,然而这 ...

  4. python学习点滴记录-Day10-线程

    多线程 协程 io模型 并发编程需要掌握的点: 1 生产者消费者模型2 进程池线程池3 回调函数4 GIL全局解释器锁 线程 理论部分 (摘自egon老师博客) 一.定义: 在传统操作系统中,每个进程 ...

  5. 点滴记录,与技术无关

    emmm....不知不觉已经快一年没更新了, 看了看上次的记录,那个后台已经被扼杀在胚胎期了. 距离上次更新过去了10个月,这10个月之间买了房子,也装修好了,即将搬家,年后三月初也换了工作,新工作两 ...

  6. 生活点滴记录-- 两点一线

    呵呵,各位朋友好,在此记录下最近一段时间的生活内容. 早上 8:30 上班 --- 上午设计android框架代码  -- 下午编码 -- 6:00 准时(准时下班真爽呀,可以早早回家吃饭) -- 7 ...

  7. DW-CHEN的Java点滴记录JavaWeb之HTTP协议/Servlet/Cookie/Session/JSP/EL/JSTL/Filter/Listener

    JavaEE规范 JavaEE(Java Enterprise Edition):Java企业版,早期叫J2EE(J2EE的版本从1.0到1.4结束):现在Java版本从JavaEE 5开始 Java ...

  8. 招商银行银企直联开发点滴记录

    1. 概述 最近工作中用到了招商银行的银企直联系统,作为资金支出渠道.招行系统提供两种方式与企业财务系统对接:一种是前置机式:一种是嵌入式.而"嵌入式直联方式仅作向下兼容支持,新增客户请使用 ...

  9. struts2点滴记录

    1.s:textfield 赋值方法 <s:textfield name="Tname" value="%{#session.Teacher.name}" ...

  10. SAP ABAP 点滴记录

    ***************************************************************************************** 系统字段篇--STR ...

最新文章

  1. Apache转发到Tomcat
  2. STM32单片机外部中断配置讲解
  3. 物化视图基于rowID快速刷新
  4. OpenCV钻石Diamond 标记的检测
  5. 存图利器——链式前向星
  6. java5错误_Error:java: 错误: 不支持发行版本 5
  7. oracle 使用imp,Oracle中的Imp和Expt用法
  8. MAC 电脑里面的“其他”文件是什么占用了
  9. 微信小程序之组件的四种传值方式
  10. 三种LCA算法(一):Doubly算法(倍增算法)
  11. 博士申请 | 加拿大阿尔伯塔大学韩杰教授招收电子与计算机专业博士/博后
  12. 工业机器人导轨 百度文库_工业机器人复习资料
  13. Layui多文件上传,java后台(servlet实现)
  14. 3.1 Linux 支持的文件系统类型
  15. 区块链游戏中的网络效应:内容仍为王
  16. 中国移动说:给你免费发短信的工具
  17. 制作国界线正确的世界地图 (Shapefile)
  18. 反转(翻转)字符串(Java实现)
  19. 普通高中计算机装备标准,福建省普通高中图书馆装备标准.doc
  20. Photoshop CS2 视频教程-PS反选(转)

热门文章

  1. 一个数的n次幂求法(常规、快速)
  2. 人人都可直播带货,即构科技携手万商之家打造低门槛直播服务平台
  3. 做毕业设计,前端部分你需要掌握的6个核心技能
  4. 因为年轻被骗了,难受啊马飞
  5. win10系统 有网络但打不开网页的问题(svchost.exe服务问题)
  6. NDK OpenGL ES 3.0 开发(四):VBO、EBO 和 VAO
  7. android ViewFlipper使用示例(注册引导页)
  8. 劫持流量是什么,常见的流量劫持手法有哪些呢?
  9. 跟老齐学python轻松入门_跟老齐学Python 轻松入门 中文pdf_Python教程
  10. PyCharm远程开发调试,使用外部(远程服务器)虚拟环境