项目中action,reducer的使用,以及setState空对象触发页面重新render

1.action:


项目中action,reducer的使用,以及setState空对象触发页面重新render_第1张图片
newTable.action

2.reudcer:


项目中action,reducer的使用,以及setState空对象触发页面重新render_第2张图片
reducer

注意:
这里reducer中的initState,为全局的state,data为从后台返回的数据;

3.node后台的newTable方法:


项目中action,reducer的使用,以及setState空对象触发页面重新render_第3张图片
newTable方法

4.在前端通过this.props.newTable(options);触发action,获取数据:


image.png

5.使用写在reducer里的initState,并改变他的值,可以在mapStateToProps中的返回值中获取state:


项目中action,reducer的使用,以及setState空对象触发页面重新render_第4张图片
获取state

6.一般情况下我们如何更改了某个值,想要使页面重新render的时候,可以使用setState一个空对象


setState空对象触发页面重新render

7.在某个时候,我们有这样一种需求,我们想要在子组件中,使用父组件中的state,那我们改怎么做呢?

我们可以通过父组件,来把父组件中的this传递到子组件,然后在子组件中得到父组件中的state,然后进行使用父组件中的state进行其他的操作。

具体的使用方法:


image.png

项目中action,reducer的使用,以及setState空对象触发页面重新render_第5张图片
image.png

你可能感兴趣的:(项目中action,reducer的使用,以及setState空对象触发页面重新render)