React 加强篇（一）

发表于   |   分类于

基础

state 定义简写

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
getInitialState(){
  return{
    n:1,
    b:2
  }
},
...
render(){
  const {n,b}=this.state;
  ...
  retrun(
    <div>
      {n}-{b}
    </div>
  )
}

扩展

ImmutableJS

ImmutableJs

首先，它虽然和React同期出现且跟React配合很爽，但它可不是React工具集里的（它的光芒被掩盖了），它是一个完全独立的库，无论基于什么框架都可以用它。意义在于它弥补了Javascript没有不可变数据结构的问题。不可变数据结构是函数式编程中必备的。前端工程师被OOP洗脑太久了，组件根本上就是函数用法，FP的特点更适用于前端开发。

API

  • fromJS()
    生成不可变的对象
  • is()
    判断两个数据结构是否相等
  • List
    有序可重复的列表，对应于Array
  • Set
    有序且不可重复的列表
    setIn取值
  • Map
    键值对集合，对应于 Object，ES6
  • get
    获取List索引的元素
    通过getIn访问嵌套数组中的数据
  • merge
    合并对象
    immutableB = immutableA.merge(immutableC)