react redux动态生成的组件(比如点击按钮展示的模态框)中的状态无法更新

Question

我使用 react redux react-redux 写的一个页面。
这个页面中我使用redux维护了一个state。页面中有一个按钮，我点击这个按钮，展示了一个模态框。这个模态框中可以展示和操作state中的某条数据比如state.tag。然后我在这个模态框中修改了state.tag。我可以看到redux维护的state被成功更新，state.tag成功改变了。但是由于我这个模态框是我动态生成的（点击按钮），这时如果我不重新点击按钮展示这个模态框的话。这个模态框中的state.tag这个数据是不会自动更新的。

想请教下大家 这个情况该怎么解决呢？

Answer 1

如果模态框不是一React组件，自然无法触发React组件的生命周期，使之状态更新后进行重新渲染。既然都用React了，何不把模态框也包装成React其组件。