这部分主要介绍了react-immutable和mobx,由于本人前面所学还为完全弄懂,此处仅做了解。
扩展:Immutable的使用
再讲immutable之前,先要明白浅拷贝和深拷贝的概念。
浅拷贝:只拷贝最浅的一层,不改变内存地址,优点是节约内存
深拷贝:此时内存地址也发生改变
1 | import {cloneDeep} from 'lodash' |
此处学习参见关于immutable的一篇文章
npm i immutable -S
map是用来做对象的
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18import {Map} from 'immutable'
const state={
name:'lf',
skills:['js','react']
}
const imState = Map(state)
console.log(state.name,imState.name)
//返回lf undefined
console.log(state.name,imState.get('name'))
//返回 lf lf
const newImState=imState.set('name','lff')
console.log(imState.get('name'),newImState.get('name'))
//返回lf lff
list用来做数组
fromJS
….(此处博主学识上前,暂时不做深入了解)
mobx
主要流程
- 本文作者: Raphael_Li
- 本文链接: https://lifei-2019.github.io/react16/
- 版权声明: 本博客所有文章除特别声明外,均采用 Apache License 2.0 许可协议。转载请注明出处!