当子组件的父组件的道具发生变化时,如何停止重新渲染子组件?



我有一个Modal,它是Card组件的子级:

Card > Modal

Card具有它向下发送到Modal的道具。当我在Modal的UI中选择一个选项时,它会更新Card中的数据,从而重新渲染Card,同时关闭Modal

这并不理想,因为我希望用户继续使用CCD_;关闭";。

是否有一种方法可以更新底层Card中的数据/状态(以便Modal可以使用新状态(,但在Modal最终关闭之前不触发组件树的完全重新渲染?

目前没有Redux参与,如果可能的话,我希望避免。

每当更新状态时,所有使用该状态及其子级的组件都会重新呈现。您可能应该使用react门户来实现您对modal的需求。文档链接的末尾有一把小提琴。文档:https://reactjs.org/docs/portals.html

最新更新