问题描述
我有大量元素由一个共同的父元素渲染。当用户采取行动时，应该删除一些元素，并附加一些额外的元素。以“反应方式”执行此操作，父元素拥有一个数组，该数组拥有所有子元素的状态。在用户点击时，父级不可变地修改数组，瞧……DOM 中的新元素。问题是它通常很慢，因为必须比较页面上的每个元素，即使是元素键和记忆。我一直在与 React 的 diffing 算法作斗争，以使其有效地工作。理想情况下，这个父组件将只负责附加新的子组件......一旦它们被引导，它们就会控制自己的状态。
我刚刚阅读了有关 Portals 的内容，我正在尝试了解 ReactDOM. createPortal(<Child />,document.getElementById('myFavoriteDiv')) 是否会允许这种仅追加行为而不改变任何先前呈现的子项。我认为这样做的非声明方式是 appendChild，但我认为这是不受欢迎的。如果这不起作用，您有什么替代方案？
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）