react中关于hook介绍及其使用(6)

在上面的这个实际例子中，我们封装了一个自定义的useReducerhook，我们可以调用这个hook去完成与reducer一样的功能了，在调用是就需要我们去传入两个参数，一个就是reducer，另外一个就是initialState，然后就能够取得state,以及dispatch方法。注意这里的返回值使用的是一个数组，这样的好处就是我们在获取其返回值时，可以采用数组结构这种方式来获取。具体关于数组的结构可以去看看es6中的部分，就能够明白了。那么接下来就是使用这个自定义好的useReducer。使用方式如下

这里并没有把实际的使用情况给写完，剩余的可以自己去补充，其使用方式就和redux的使用方式相同。这就是整个自定义hook以及去使用的过程，在实际的开发中可以去体验体验。额外的hook
useReducer，能给那些会出发深更新的组件做性能优化，因为可以向子组件去传递dispatch而不是回调useReducer这个hook的封装，整个封装的方法如下：

2. useReducer的惰性初始化，可以选择惰性地创建初始化state。因此需要设置一个初始化函数作为useReducer的第三个参数传入，这样初始化state将设置为init(initialArg)，如下所示，就是一个实际的案例在useReducer中去传递第三个参数