React+ES6写法小记

1、无状态(stateless)组件的简写

2、将上一级props赋值给state

3、声明变量多数使用const,少数使用let,不使用var

constlet是块级作用域,而var是函数作用域。虽然const是不可变量,但是用const声明的对象与数组却可以被操作属性,除非要整体替换。

4、快速存取对象的属性

5、state更新助手react-addons-update

假设有一个结构略复杂的state,假如我想更新firstPersonname属性,该如何操作?下面举例错误的用法,正确的用法,以及 state 更新助手

但如果state的结构比较复杂,以上两种写法就可能会变成:

但是借助react-addon-update,我们可以更直观的书写:

这种方式来源于 MongoDB 的操作器,有效的命令如下:

  • {$push: array} 在目标上所有 array 里的项目。
  • {$unshift: array} 在目标上 unshift() 所有 array 里的项目。
  • {$splice: array of arrays} 在目标上对于每一个 arrays 里的项目使用项目提供的参数调用 splice()
  • {$set: any} 整个替换目标.
  • {$merge: object} 合并 目标和 object 的 keys.
  • {$apply: function} 传递当前的值给 function 并用返回值更新它。
6、state初始化

7、默认props

8、验证props

发表评论

电子邮件地址不会被公开。 必填项已用*标注