react.js - modal关闭后重新渲染组件

问题描述

问 题

目前有2个组件。
a组件是通过react-router里指向的组件，比如是/task/a
其中a组件展示表格外，还import了b组件
b组件是一个modal框，用于提交表单，即b组件的数据提交成功后需要在a组件里展示

现在有个问题就是：b组件提交成功表单后关闭modal框，如何使a组件重新渲染呢？这样用户就不需要刷新页面了，多谢。

解决方案

分情况：

1. 如果你的modal关闭的时候，会去更新redux的state，那么如果你a组件有引入这些state，那么state发生改变，就会自动更新a组件，至于相关更新以后的操作，可以放在componentWillReceiveProps里面处理。

2. 如果第一条不满足，可以给b组件传一个callback函数，当modal关闭以后，调用这个回调函数，然后再a组件里面更新数据就好了

这篇关于react.js - modal关闭后重新渲染组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！