效果如下所示:
在控制台中可以多查看组件state的各个状态的,有助于理解React的
在上面的代码中,我们发现组件内部的状态数据是放在当前组件的state进行存储管理的,对于这种小的demo例子,杀鸡焉用宰牛刀使用...创建reducer函数,管理组件共享的数据状态以及一些动作
// reducer是一个纯函数,返回一个新的state给store
// 4....在组件内部通过getState()方法就可以拿到store里面的数据,该方法能够获取到store上存储的所有状态
this.state = store.getState();
...组件内如何获取store中数据,通过调用getState方法获取store中的数据,该方法能够获取到store上存储的所有状态,该方法放置的位置是在constructor函数里面
this.state...,完成新旧数据的替换,
而在组件中如何获取store的数据,是通过getState方法进行获取store中的所有状态