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

1.action:


newTable.action

2.reudcer:


reducer

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

3.node后台的newTable方法:


newTable方法

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


image.png

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


获取state

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


setState空对象触发页面重新render

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

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

具体的使用方法:


image.png

image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。