reactjs - 如何在 React/Redux 应用程序的任何(重新)渲染后触发事件

Question

我开发的 React/Redux 应用程序需要位于 iframe 内。可以通过从内部发送消息来告诉周围的文档调整 iframe 的大小。我想在 DOM 发生变化时发送调整大小消息。

使用通用 MutationObserver 会导致 DOM 更新和 iframe 大小调整之间出现闪烁。

应用程序是使用

设置的

render(
  <Provider store={store}>
    ...
  </Provider>,
  document.querySelector("..."),
  resizeIframe
);

resizeIframe回调函数解决了初始渲染问题，但对子组件更新没有帮助。

如何在任何 React(重新)渲染上触发 resizeIframe？

编辑:我知道在每次渲染时调整大小效率很低。然而，消除 DOM 调整大小和 iframe 调整大小之间的延迟似乎是更大的问题。

Answer 1

当 props/state 改变时，你可以使用 componentWillReceiveProps() 做任何你想做的事情。 有关 react 的更多信息 lifecycles