setstate第二个参数（state和setState分析）

本文目录

• state和setState分析
• setState的函数用法
• C++函数参数 new
• 关于this.setState( )中的数据延迟问题(参考为个人笔记)
• 求职心切啊！关于c++中s.setstate（）的迷惑，希望知道的人不吝赐教
• setState详解
• arcconf工具操作手册

state和setState分析

在 react中 通过 state 以及 setState() 来控制组件内部数据的状态，其实也可以使用类似全局变量的方式在 c***tructor 里定义，但是全局变量的污染性都是知道的，所以 react 内部这种 state 和 setState 还是很优秀的数据驱动页面模式。

state

state 是 react 组件内部用来存储数据状态的，与 vue 中的 data 类似。但他们的更新机制差别很大， vue 中可以直接改变 data ， vue 内部的 watcher 机制会**到这些数据的变化从而刷新页面，而 react 则是手动驱使 setState 去改变内部的 state ，从而使得页面刷新。

1.state的作用

state 是 React 组件的一个对象， React 把用户界面当做是状态机,想象它有不同的状态然后渲染这些状态，从而可以轻松让用户界面与数据保持一致。

React 中,更新组件的 state ,会导致重新渲染用户界面(不要操作 DOM ).简单来说,就是用户界面会随着 state 变化而变化.

2.state工作原理

常用的通知 React 数据变化的方法是调用 setState(data,callback) ，这个方**合并 data 到 this.state ，并重新渲染组件。渲染完成后,调用可选的 callback 回调。大部分情况不需要提供 callback ，因为 React 会自动把界面更新到最新状态。

setState()

与 vue 中不同的是 state 不能直接被修改，需要通过 setState() 的方法去修改。

1、 setState() 更新组件状态之后不会立即生效， react 为了提高性能会按批次更新 state 然后 render , 即异步操作，所以同时写两个 setState 并不会触发两次，而是会合并处理。因此 setState() 之后立即去取 state 的值并不是更新之后的状态。

2、 setState() 第一个参数接受两种类型的参数， Object 以及 Function

当参数是 Object 的时候, 可以即为对应 state 中的 key , value 即是新的值。

Function

当参数是函数的时候， setState() 会将上一个 setState() 的结果作为参数传入这个函数

setState() 第二个参数是一个回调函数，表示 state 更新完成

看到这个回调函数，我们可以想象到很多场景，当页面更新完成后才进行的某些处理，将异步操作变为同步，而这也可以和 await/async 结合使用

在 react 中更新页面是一个很复杂的操作， vue 也是，全局更新和部分更新，目前感觉还没有哪种语言能非常智能的知道准确的要更新哪一部分内容，但是 react 的机制优秀的就在于 js 操控的虚拟 dom ，即使是全局更新，也是很快速的更新。

setState的函数用法

React中使用this.setState的对象用法时，不会立即改变组件中state的值

这就会导致下面的操作达不到字面上直观的效果。
字面上看，调用incrementMultiple，应该会导致state加了3，实际上只增加了1。

这是因为，this.setState并没有立即更改this.state，所以三次操作都在反复设置同一个值。

this.setState还可以接受一个函数作为参数。
React官网上说，这个函数接收两个参数，第一个是当前的state，第二个是当前的props，函数返回一个对象，与之前使用this.setState的返回对象相同，代表想对state的更改。

从上面的描述，我读到的两个意思，一个是：把一个函数作为参数传给this.setState，那这个函数不管叫什么，他都有两个入参；第二个是：这个函数的第一个参数是当前的state,第二个参数是当前的props，不管他们叫什么。

用着试试吧，把这个入参打印出来，入参就顽皮地叫做cc吧

点击一次按钮，确实实现了累加两次的效果，从控制台的打印也可以看出来，入参cc是一个state对象，并且每次调用plusone之前，cc都合并了之前的状态修改结果。

这样一来，用函数方式来使用setState，就更符合直观的逻辑了

参考：
setState：这个API设计到底怎么样
State and Lifecycle

C++函数参数 new

首先，这里的
ForenoonState()
AfternoonState()
应该是两个类吧？而且都是State类的子类吧？？
emergencyProjects-》SetState(new ForenoonState());
这句话会调用work类的emergencyProjects指针指向的实例对象中的SetState()函数
并且，
将new出来的ForenoonState类的实例对象的地址作为实际参数传递给SetState()函数的形式参数
这样可以知道，SetState()函数中的基类(State类)指针s这时候指向ForenoonState类的实例对象
又current = s;且State *current
则此时基类(State类)指针current指向ForenoonState类的实例对象
再来看
我们需要delete是ForenoonState类的实例对象
通过指向他的指针current来析构
State *current是work类的私有成员
当work类的实例对象被销毁时，current也将被销毁
这个时候就应该delete他了
而这个销毁的过程是通过work类的析构函数执行的
所以，我们应当将delete current写在work类的析构函数~work之中
即：
~work(void){
if(current)
delete current;
current = NULL;
}
此外，由于程序中只实例化了一个work类的对象new Work()
因此两次调用SetState()函数都会使用同一个current指针
如果第二次调用时，直接将new AfternoonState()给到current
那new AfternoonState()的地址将覆盖掉之前current中new ForenoonState的地址
这样new ForenoonState的地址就再也找不到了，
这个ForenoonState的实例化对象就会形成内存泄漏
所以，在每次调用SetState()函数时，我们必须先判断current指针是否有指向对象
如果有的话，就需要先释放掉他，然后在指向新的对象
即：
void SetState(State *s)
{
if(current)
delete current;
current = s;
}
emergencyProjects-》SetState(new AfternoonState());同理

关于this.setState( )中的数据延迟问题(参考为个人笔记)

this.setState( )方法是React.js中最多见的一种方法，利用它能够控制各类状态变化，达到页面各类交互效果。新手在React开发中会发现，明明已经经过this.setState( )方法处理过某个state的值，并不是立即生效的，比直接“=”滞后，导致在后续的方法里，log打印出来仍然是以前的值，或者，第一次获取到原来的值，第二次才能获取到设置以后的新值，让人误觉得是由于电脑或浏览器性能问题形成的"延迟"问题。

为了理解这个问题，咱们首先来看一下setState这个过程当中发生了什么：

1.浏览器将setState传入的partialState参数存储在当前组件实例的state暂存队列中。
2.判断当前React是否处于批量更新状态，若是是，将当前组件加入待更新的组件队列中。
3.若是未处于批量更新状态，将批量更新状态标识设置为true，用事务再次调用前一步方法，保证当前组件加入到了待更新组件队列中。
4.调用事务的waper方法，遍历待更新组件队列依次执行更新。
5.执行生命周期componentWillReceiveProps。
6.将组件的state暂存队列中的state进行合并，得到最终要更新的state对象，并将队列置为空。
7.执行生命周期componentShouldUpdate，根据返回值判断是否要继续更新。
8.执行生命周期componentWillUpdate。
9.执行真正的更新，render从新渲染。
10.执行生命周期componentDidUpdate。

首先思考为何会出现这种状况，在facebook给出的 官方文档 中咱们能够看到这么一段话：

1.setState( ) 更相似因而一种请求而不是当即更新组件的命令
2.为了更好的性能，React会延迟调用它，不会保证state的变动会当即生效，而是会批量推迟更新
3.官方认可会存在隐患
4.建议在componentDidUpdate中执行或利用回调函数（setState(updater, callback)）

这是由于this.setState( )自己是异步的，程序异步运行，能够提升程序运行的效率，没必要等一个程序跑完，再跑下一个程序，特别当这两个程序是无关的时候。React会去合并全部的state变化，在前一个方法未执行完时，就先开始运行后一个方法。可是实际操做中，为了能实时获取后一个状态值，须要一些解决的办法。

1. 利用全局属性的办法而不是用state的方式去获取数据：

这实际上是一种取巧的方式，写法方便，原理简单，可是并不十分推荐，由于它并不符合React中关于有状态组件的设计理念，存在有可能没法触发刷新的风险，因此仍是但愿你们优先使用下面的方法。
2. 利用回调函数：

回调函数众所周知，就是某个函数执行完毕后执行的函数，利用它能够确保在this.setState( )整个函数执行完成以后去获取this.state.xxx的值

注意，不少新人在遇到这种问题时无所适从，可能会用一些投机取巧的方式，方面的全局对象是一种方式，还有一种就是绕过setState直接赋值：

理论上讲，这种方法固然也能达到赋值目的，但将state设计成更新延缓到最后批量合并再去渲染，对于应用的性能优化是有极大好处的，若是每次的状态改变都去从新渲染真实dom，那么它将带来巨大的性能消耗，因此不建议上面写法。

求职心切啊！关于c++中s.setstate（）的迷惑，希望知道的人不吝赐教

p288讲到setstate可打开某个指定的条件，表示某个问题的发生，也就是说它会改变其后参数的的位值以表示某种情况的发生，如badbit，failbit，
ifstream::badbit|ifstream::failbit表示用其取或后的结果来设置对象中的对应位
在调用setstate时，使用这个值来开启流条件状态成员中对应的badbit和failbit位
这句的意思是用这个值，其实这个值就是一串二进制码0101011100之类的，而其中的第3位和第5位（打个比方）就是badbit和failbit。

setState详解

首先如果直接在setState后面获取state的值是获取不到的
如图：

第一次，第二次打印都是初始值。通过异步方法调用可以获得值。
那么在实际的项目中我们应该怎么写呢？
因为setState是可以接受两个参数的，一个state，一个回调函数。因此我们可以在回调函数里面获取值。

所以我们可以得出结论：
1：setState异步调用
2：批量处理 并不是调用一次就会更新一次render

那么下一个问题来了 componentDidUpdate函数是在setState更新视图后调用的 这个函数和setState的回调函数哪一个先执行呢？

所以得出结论：
3：componentDidUpdate函数先与setState回调执行

arcconf工具操作手册

【命令功能】

PMC阵列卡系统下初始化硬盘，可以将raw盘状态变成ready状态，以便进一步组建raid和设置热备盘；去初始化会使ready状态的盘变成raw盘。本手册均假定arcconf工具放置于当前路径下。

./arcconf task start 《Controller#》 device 《channel# ID#》 《task》

说明：《 》 必选 ； 可不选

【命令】

1、初始化(initialize)：

./arcconf task start 1 device 0 8 initialize

表示初始化阵列卡controller 1下channel 0，device 8 对应的硬盘。

./arcconf task start 1 device all initialize

表示初始化阵列卡controller 1下所有硬盘。

2、去初始化(uninitialize)：

./arcconf task start 1 device 0 8 uninitialize

表示去初始化阵列卡controller 1下channel 0，device 8 对应的硬盘。

./arcconf task start 1 device all uninitialize

表示去初始化阵列卡controller 1下所有硬盘。

【参数】

1、必选参数

【命令功能】

RAID-1000卡设置和取消热备盘

【命令】

./arcconf setstate 《Controller#》 device 《channel# ID#》 《State》

1、设置device 0 19为全局热备：

./arcconf setstate 1 device 0 19 hsp

2、设置device 0 19为某个raid专属热备：

./arcconf setstate 1 device 0 19 hsp logicaldrive 0

3、取消热备，变为ready盘：

./arcconf setstate 1 device 0 19 rdy

【命令功能】

RAID-1000卡创建和删除RAID

【命令】

1、创建raid：

./arcconf create 《Controller#》 logicaldrive

2、删除raid：

./arcconf delete 1 logicaldrive 《ld#》

说明：《 》 必选 ； 可不选

【参数】

1、必选参数

2、参数

【举例】

创建****** volume逻辑盘,命名为LdRaid0，max表示使用全盘空间。

./arcconf create 1 logicaldrive Name LdRaid0 max volume 0 8

创建raid1级别的逻辑盘，默认快速初始化。

./arcconf create 1 logicaldrive max 1 0 8 0 9

创建raid5级别的逻辑盘，建议选择快速初始化。

./arcconf create 1 logicaldrive Method quick max 5 0 8 0 9 0 10

创建raid6级别的逻辑盘，建议选择快速初始化。如需要全盘做raid6，在raid级别6后面列出所有硬盘deivce id即可。

./arcconf create 1 logicaldrive Method quick max 6 0 8 0 9 0 10

创建raid10级别的逻辑盘，默认快速初始化。如需要全盘做raid10，在raid级别10后面列出所有硬盘deivce id即可。

./arcconf create 1 logicaldrive max 10 0 8 0 9 0 10 0 11

删除逻辑盘

./arcconf delete 1 logicaldrive 0 删除逻辑盘0（logical device number 0）

./arcconf delete 1 logicaldrive all 删除所有逻辑盘

【注】

1.RAID-1000卡，插入新硬盘后，其状态为raw盘，需要先对其进行初始化，变为ready状态后，才能再组建raid和设置成热备盘。
2.接expander的时候devID 和slot号有一定的对应关系，但是这种对应关系与是否接前背板和卡的类型有关。
3.在单独接12LFF前部背板的情况下，第一块盘slot 0对应的《channel# ID#》 为0 8，第二块盘slot 1对应0 9，以此类推。
4.建议在组建raid之前再确认下目标硬盘槽位与DevID的对应关系，使用如下命令： ./arcconf getconfig 1 pd